internet explorer - jQuery loading and rendering incorrectly on different PCs -


when try run webpage on browser/test in other browsers, work no bugs or error messages. include ie6,7,8,9,10,newer versions of firefox, , chrome.

typically, today, decided run on bosses pc , - guessed - went kaput straight away. have simple jquery hover-over effect expands menu. not work on internet explorer 10 or firefox 22.0. after turning on ie dev tools , waiting ~30seconds following error message received on pc, not mine :

script5009: 'jquery' undefined  jquery.easing.1.3.js, line 39 character 1 script5009: '$' undefined  slidedownboxmenu, line 142 character 13 

the end of index.html looks :

        <!-- javascript -->         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>         <script type="text/javascript" src="jquery.easing.1.3.js"></script>         <script type="text/javascript">             $(function() {                 /**                 * each menu element, on mouseenter,                  * enlarge image, , show both sdt_active span ,                  * sdt_wrap span. if element has sub menu (sdt_box),                 * slide - if element last 1 in menu                 * slide left, otherwise right                 */                 $('#sdt_menu > li').bind('mouseenter',function(){                     var $elem = $(this);                     $elem.find('img')                          .stop(true)                          .animate({                             'width':'170px',                             'height':'170px',                             'left':'0px'                          },400,'easeoutback')                          .andself()                          .find('.sdt_wrap')                          .stop(true)                          .animate({'top':'140px'},500,'easeoutback')                          .andself()                          .find('.sdt_active')                          .stop(true)                          .animate({'height':'170px'},300,function(){                         var $sub_menu = $elem.find('.sdt_box');                         if($sub_menu.length){                             var left = '170px';                             if($elem.parent().children().length == $elem.index()+1)                                 left = '-170px';                             $sub_menu.show().animate({'left':left},200);                         }                        });                 }).bind('mouseleave',function(){                     var $elem = $(this);                     var $sub_menu = $elem.find('.sdt_box');                     if($sub_menu.length)                         $sub_menu.hide().css('left','0px');                      $elem.find('.sdt_active')                          .stop(true)                          .animate({'height':'0px'},300)                          .andself().find('img')                          .stop(true)                          .animate({                             'width':'0px',                             'height':'0px',                             'left':'85px'},400)                          .andself()                          .find('.sdt_wrap')                          .stop(true)                          .animate({'top':'25px'},500);                 });             });         </script>     </body> </html>          <!-- javascript -->     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     <script type="text/javascript" src="jquery.easing.1.3.js"></script>     <script type="text/javascript">         $(function() {             /**             * each menu element, on mouseenter,              * enlarge image, , show both sdt_active span ,              * sdt_wrap span. if element has sub menu (sdt_box),             * slide - if element last 1 in menu             * slide left, otherwise right             */             $('#sdt_menu > li').bind('mouseenter',function(){                 var $elem = $(this);                 $elem.find('img')                      .stop(true)                      .animate({                         'width':'170px',                         'height':'170px',                         'left':'0px'                      },400,'easeoutback')                      .andself()                      .find('.sdt_wrap')                      .stop(true)                      .animate({'top':'140px'},500,'easeoutback')                      .andself()                      .find('.sdt_active')                      .stop(true)                      .animate({'height':'170px'},300,function(){                     var $sub_menu = $elem.find('.sdt_box');                     if($sub_menu.length){                         var left = '170px';                         if($elem.parent().children().length == $elem.index()+1)                             left = '-170px';                         $sub_menu.show().animate({'left':left},200);                     }                    });             }).bind('mouseleave',function(){                 var $elem = $(this);                 var $sub_menu = $elem.find('.sdt_box');                 if($sub_menu.length)                     $sub_menu.hide().css('left','0px');                  $elem.find('.sdt_active')                      .stop(true)                      .animate({'height':'0px'},300)                      .andself().find('img')                      .stop(true)                      .animate({                         'width':'0px',                         'height':'0px',                         'left':'85px'},400)                      .andself()                      .find('.sdt_wrap')                      .stop(true)                      .animate({'top':'25px'},500);             });         });     </script> </body> 

this exact same blog listed above, except have changed

<script type="text/javascript" src="http**s**://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

changing http https there no error message "mixed content" on intranet page. changing http not solve problem, however.

can offer me advice on can into/what might causing issue ?


Comments

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -