Results 1 to 6 of 6

Thread: Question regarding "Waiting..." message in IE

  1. #1
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default Question regarding "Waiting..." message in IE

    Hello,
    On a template I've been working on, I had two scripts that were conflicting:


    When I removed jquery-1.8.3.min.js, the slideshow worked, but the responsive menu no longer worked properly. However when I removed jquery/1.10.2/jquery.min.js, the slideshow and menu both pass all of the device and browser tests I've run so far: http://www.dwwebdesigns.com/custom/cis.html

    But when viewing the site in IE, the page tab displays a "Waiting for...." message. I'm wondering if this is due to the removal of the //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js and if there is some way to rectify this (see image below).

    Click image for larger version. 

Name:	Waiting.jpg 
Views:	74 
Size:	18.8 KB 
ID:	6119
    Thank you,
    Deborah
    Last edited by dmwhipp; 02-15-2017 at 02:58 AM. Reason: add screenshot
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Generally you only need one version of jQuery per page, but it must come before all other scripts that use it. Working from the page http://www.dwwebdesigns.com/custom/cis.html as it currently is, moving:

    Code:
    <script type="text/javascript" src="/custom/js/jquery-1.8.3.min.js"></script>
    to here:

    Code:
    <link rel="stylesheet" href="/custom/css/components.css">
    <link rel="stylesheet" href="/custom/ciscss.css">
    <link rel="stylesheet" href="/custom/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="/custom/owl-carousel/owl.theme.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="/custom/js/jquery-1.8.3.min.js"></script>
    
    <!-- Slippry Start -->
        <script src="/custom/js/slippry/slippry.min.js"></script>
        <link rel="stylesheet" href="/custom/js/slippry/demo.css">
        <link rel="stylesheet" href="/custom/js/slippry/slippry.css">
    <!-- Slippry End -->
    seems to do the trick as far as I can see. The differences between jQuery 1.10.2 and 1.8.3 are not all that great though, so putting either version of jQuery there should work for most scripts that need either version, though of course, whichever version of jQuery you decide to use should be the only version of jQuery used for the page. Generally that would be the later or higher version, in this case 1.10.2 (also seems to work), but I tried it with 1.11.1 and that seemed to work fine too.

    Basic rule though is only one version of jQuery per page, and it must come before any other scripts that need it.

    As far as the "waiting for" message in IE goes, there's a little trick that often works and seems to in this case, add the defer attribute to the scripts using jQuery:

    Code:
    <script type="text/javascript" src="/custom/js/jquery-1.8.3.min.js"></script>
    
    <!-- Slippry Start -->
        <script defer src="/custom/js/slippry/slippry.min.js"></script>
        <link rel="stylesheet" href="/custom/js/slippry/demo.css">
        <link rel="stylesheet" href="/custom/js/slippry/slippry.css">
    <!-- Slippry End -->
    
    <script defer type="text/javascript" src="/custom/js/jquery-ui.min.js"></script>    
    <script defer type="text/javascript" src="/custom/js/modernizr.js"></script>
    <script defer type="text/javascript" src="/custom/js/responsee.js"></script>
    <!--[if lt IE 9]>
    	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    BTW, the scripts in the lt IE 9 comment block appear not to exist, and - since almost no one uses IE 8 or less any longer, you can probably safely remove that part (highlighted).
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    dmwhipp (02-15-2017)

  4. #3
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default

    Thank you so much for your help John - I learned a lot from that post! Putting the script in the correct place and adding the defer attribute has the page testing correctly for me: http://www.dwwebdesigns.com/custom/cis.html

    I tried using newer versions of jQuery, but the accordion function of the menu when in responsive mode stopped working. When you click About Us in responsive mode, the child elements appear, but when clicking About Us again, they no longer disappear as they should: http://www.dwwebdesigns.com/custom/cisjquery.html.

    Click image for larger version. 

Name:	jQueryMenuProblem.jpg 
Views:	63 
Size:	8.1 KB 
ID:	6125
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  5. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Ah well, I just sort of checked that the menu was still responsive (changed versions) at different screen sizes and that when at full size seemed to work along with the slippry and owl scripts.

    If you ever have to use a later version of jQuery for one script and an earlier one for another, that can be done, but's sometimes tricky, and obviously adds a lot of code to a page. So at that point it's usually better to find scripts that play well together, or to try fixing/changing/updating whatever it is in the older script(s) that cannot handle the later version of jQuery.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. The Following User Says Thank You to jscheuer1 For This Useful Post:

    dmwhipp (02-15-2017)

  7. #5
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    264
    Thanks
    71
    Thanked 2 Times in 2 Posts

    Default

    Hi John,
    Thanks so much for your help in figuring this out. I hadn't even thought about script conflicts when trying to figure out which framework to try to work with to learn responsive. I looked at Foundation and Bootstrap too. They both had tons of documentation, but seemed pretty code heavy compared to Responsee. Unfortunately the developers of Responsee appear to be working out of Slovakia and, while they've been helpful, I do wish they had support forums like this, but I've been fortunate to have your knowledge and assistance.
    Thanks again!
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  8. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Your welcome!
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Stuck on "Ticker Initializing Message"
    By myriad in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 02-10-2010, 04:20 AM
  2. Multiple Form Validation and "Please Wait" Message
    By DonDadda in forum JavaScript
    Replies: 0
    Last Post: 11-17-2009, 07:14 PM
  3. Replies: 5
    Last Post: 02-20-2009, 12:26 PM
  4. Replies: 2
    Last Post: 11-10-2006, 05:22 PM
  5. Replies: 5
    Last Post: 10-01-2005, 12:08 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •