Проблемы с jQuery-плагином в IE

Question

Я не понимаю, почему мой код не работает в Internet explorer/ Это мой index.php, где я вызываю js-библиотеки.

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/shadowbox.js" ></script> 
    <script type="text/javascript" src="js/slides.min.jquery.js" > </script> 
    <script type="text/javascript" src="js/jquery.simpleWeather-2.0.1.min.js" > </script> 
    <script type="text/javascript" src="js/jquery.clock.js" > </script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 
    <script type="text/javascript" src="js/default.js" > </script> 

И это мой default.js

$(document).ready(function() { 
    Shadowbox.init({ 
     overlayOpacity: 0.8 
    }, setupDemos); 

    if (typeof $().slides != "undefined") { 
     $('#slides').slides({ 
      preload: true, 
      preloadImage: 'images/slides/loading.gif', 
      play: 3000, 
      pause: 2500, 
      hoverPause: true, 
      animationStart: function(current){ 
       $('.caption').animate({ 
        bottom:-35 
       },100); 
      }, 
      animationComplete: function(current){ 
       $('.caption').animate({ 
        bottom:0 
       },200); 
      }, 
      slidesLoaded: function() { 
       $('.caption').animate({ 
        bottom:0 
       },200); 
      } 
     }); 
    } 

    $.each($(".menu li"), function(index, li) { 
     if ($(li).hasClass("active")) { 
      $("title").append(": " + $(li).children("a").text()); 
     } 
    }); 

    if (typeof $.simpleWeather != "undefined") { 
     $.simpleWeather({ 
      location: 'Armenia, Yerevan', 
      unit: 'c', 
      success: function(weather) { 
       html = "<div style='height: 117px;'><h2>"+weather.city+', '+weather.region+'</h2>'; 
       html += '<img style="float:left;" width="125px" src="'+weather.image+'">'; 
       html += '<p>'+weather.temp+'&deg; '+weather.units.temp+'<br /></p>'; 
       html += '</div>'; 

       $("#weather").html(html); 
      }, 
      error: function(error) { 
       $("#weather").html('<p>'+error+'</p>'); 
      } 
     }); 
    } 

    $('#yerevan-time').clock({offset: '+4', type: 'analog'}); 
    $('#london-time').clock({offset: '+0', type: 'analog'}); 
    $('#new-york-time').clock({offset: '-5', type: 'analog'}); 
}); 

function setupDemos() { 
    Shadowbox.setup("a[rel=photos]", { 
     gallery:  "cars", 
     continuous:  true, 
     counterType: "skip" 
    }); 
} 


$(function() { 
    $("#day1").datepicker(); 
    $("#day2").datepicker(); 
    }); 

Я не могу найти решение здесь. Вы можете проверить это here. Это мой сайт. Поэтому в Internet Explorer часы и погода не работают. В чем проблема. Любая помощь будет полезна. Благодарю.

Answer 1

ошибка не имеет ничего общего с кодом вы публикуемую ..

Если вы проверите консоль, вы увидите сообщение об ошибке, которое связано с Google Maps.

И что ошибка увольняют при запуске initialize метод (у вас есть это связано с onload случае body тега)

Удалить, что проверить, что часы работают правильно, а затем убедитесь, для запуска только тогда, когда есть карты, которые будут показаны на странице ..

---

Update

Другой, более важный вопрос, в вашем случае является то, что часы плагин вы используете имеет код, как этот

jQuery(_this) 
    .find(".sec") 
    .css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 

Проводы префиксы -moz- и -webkit- означает, что вращение рук применяется только к Mozilla и WebKit браузеры ..

Они исключены все другие браузеры ..

---

Современные IE (> = 9) обходной путь

Для IE> = 9 можно добавить "-ms-transform" : srotate

jQuery(_this) 
     .find(".sec") 
     .css({"-moz-transform" : srotate, "-webkit-transform" : srotate, "-ms-transform" : srotate}); 

и она будет работать (в IE> = 9 поддерживает поворот ..)

(убедитесь, что исправить код для всех рук .. мой пример касается только секунд)