|
Joyride150
|
December 27, 2012 at 10:15 am
I have just purchased the business license and installed the calendar plugin. It works great for those viewing it with a Firefox, Chrome, or Safari browser but it wont’ work with Internet Explorer. The calendar plugin is the reason I purchased this software, but most of my clients use IE…any suggestions?
-
This topic was modified 11 years, 4 months ago by
 Joyride150.
|
|
Josh
|
December 27, 2012 at 10:34 am
Hi Shannon,
I found the calendar page from looking at the account profile, and it appears that the theme is including an outdated version of the jQuery JavaScript library. In this case, a newer version of jQuery is already being included earlier on the web page. Some browsers are more tolerant of this, but IE is not.
If you view the source of the page with the calendar on it, you’ll see the WordPress bundled copy of the jQuery library ~ line 13:
<script type='text/javascript' src='http://www.yoursite.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
The second instance comes later ~ line 118:
<script type="text/javascript" src="http://www.yoursite.com/javascripts/jquery.js"></script>
The link to the second copy should be removed.
This is likely all happening in the header.php template of the theme, so that’s where you can make the modifications.
|
|
Joyride150
|
December 27, 2012 at 11:03 am
Thanks – good point. I deleted the 2nd jQuery instance but then it causes my header drop-down menus (which drop down on hover) to stop functioning on every page.
|
|
Josh
|
December 27, 2012 at 12:28 pm
Hi Shannon,
This is a bit outside the scope of Event Espresso support, but I can try to help you fix the issue with the dropdowns. When you look at the home page in Firebug or the web inspector, do you see the
‘Uncaught TypeError: Property ‘$’ of object [object Window] is not a function ‘
error? This is happening because the WordPress bundled version of jQuery is set to use no conflict mode. When a script tries to use ‘$’ as shorthand for ‘jQuery’, you’ll get that error.
In the theme header, you’ll see this line:
$(document).ready(function(){
you can change it to say:
jquery(document).ready(function($){
This will be allow the $ to be used inside that function. You may run across other instances of this in the theme. The digging into WordPress blog has some additional information on how to use the ‘$’ shorthand when working with WordPress here:
http://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/
|
|
Joyride150
|
December 27, 2012 at 1:35 pm
Thanks Josh!
|
|
Joyride150
|
December 27, 2012 at 2:52 pm
I modified the header.php file to use the $ shorthand. My drop-downs work perfectly! Thanks! Still cannot get the Espresso Calendar to display in Internet Explorer though. I did also delete the 2nd jQuery instance as you instructed earlier (my drop downs are still fine – yay!) but the Calendar still doesn’t show up. Any other thoughts?
|
|
Josh
|
December 27, 2012 at 3:43 pm
Hi Shannon,
It’s loading up fine when I check it in IE. Please see this screenshot.
Can you try clearing IE’s cache? Maybe it’s loading up the cached version of the scripts so you’re changes aren’t loading up.
|
|
Joyride150
|
December 27, 2012 at 3:54 pm
That’s SO strange! I tried deleting the IE cache and history, re-opening IE, and refreshing the page…nothing seemed to work.
But I just figured it out!!! The calendar doesn’t work if you are viewing the site in “Compatibility View” mode. Weird.
|
|
Joyride150
|
July 29, 2013 at 1:26 pm
Good point! I did notice how my header drop downs don’t work properly on the calendar page or any of the new event registration pages. I tried deleting that 2nd jQuery instance in my header.php but it stops my drop-down menus from working at all on any page. Here’s a copy of my header.php:
<html xmlns=”http://www.w3.org/1999/xhtml” >
<code>&lt;meta http-equiv=&quot;content-type&quot; content=&quot;; charset=" /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;" /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; href=&quot;" title="" /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; href=&quot;" title="" /&gt;
&lt;link rel=&quot;pingback&quot; href=&quot;" /&gt;
startList = function() {
if (document.all&amp;&amp;document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i&lt;navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName==&quot;LI&quot;) {
node.onmouseover=function() {
this.className+=&quot; over&quot;;
}
node.onmouseout=function() {
this.className=this.className.replace(&quot; over&quot;, &quot;&quot;);
}
}
}
}
}
window.onload=startList;
&gt;
$(document).ready(function(){
$('#menu li#planVisit, #menu li#parkFeatures, #menu #whatsNew, #menu #media')
.hover(function(e) {
$(this).children('ul').hoverFlow(e.type, {
'height': 'show',
'marginTop': 'show',
'marginBottom': 'show',
'paddingTop': 'show',
'paddingBottom': 'show'
});
}, function(e) {
$(this).children('ul').hoverFlow(e.type, {
'height': 'hide',
'marginTop': 'hide',
'marginBottom': 'hide',
'paddingTop': 'hide',
'paddingBottom': 'hide'
});
});
$('#splash').cycle({
fx: 'scrollRight',
timeout: 6000,
speed: 400,
delay: -1000
});
});
</code>
<body class=””>
<code> <!-- Home Button -->
<a href="http://www.joyride150.com/index.php">Home</a>
<!-- Main Menu -->
<!-- Plan a Visit -->
<a href="#">Plan A visit</a>
<!-- Park Features -->
<a href="#">Park Features</a>
<!-- Whats New -->
<a href="#">What's New</a>
<!-- Media -->
<a href="#">Media</a>
<!-- Shop -->
<a href="shop/">Shop</a>
<!-- #header -->
</code>
|
