Javascript ломает страницу в Firefox 3.6

Question

Я использую плагин jCarousel Lite jQuery на странице, но, похоже, он вызывает серьезные проблемы в Firefox 3.6. В этом браузере страница ненадолго загружается, а затем весь контент исчезает, за исключением одного из элементов <li>, над которыми я использую плагин.

Страница, о которой идет речь, здесь . Код, применяющий карусель:

<script type="text/javascript">

    jQuery(window).load(function() {
        jQuery(".loopnetcarousel").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev"
        });
    });

</script>

(Первоначально я использовал (document).ready, но заменил его на (window).load, увидев, что у некоторых людей есть проблемы с ним в Firefox 3.6, но, похоже, это ничего не изменило).

Дополнительная информация: Если я остановлю загрузку страницы до того, как все содержимое страницы будет заменено, как описано, все будет работать нормально, включая карусель. Также я попытался заменить этот сценарий карусели другим, и возникла та же проблема.

Answer 1

Похоже, проблема в том, как загружаются свойства loopnet.com.Скрипты loopnet.com используют document.write для создания карусельного контента.Если вы посмотрите на вкладку Net в Firebug, вы увидите, что все скрипты loopnet.com загружаются дважды.Сначала при загрузке страницы, а затем снова при запуске скрипта карусели.Во второй раз, когда он запускается в Firefox, document.write просто очищает всю страницу.Простым решением было бы просто удалить теги сценария перед настройкой кода карусели.Пример jsFiddle: http://jsfiddle.net/fqFH7/7/

 $(function() {
    //remove the scripts so that they are not executed again by the carousel code
    jQuery(".loopnetcarousel script").remove();    

    jQuery(".loopnetcarousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

Попробуйте закомментировать строку remove () в jsFiddle, и вы увидите ту же проблему, что и ваш сайт.

Answer 2

На сайте для плагина:

На основе популярного запроса jCarouselLite был обновлен для поддержки версий jquery 1.2.x. Перейдите на страницу загрузки и загрузите версию 1.0.1, чтобы получить поддержку jquery 1.2.x. Поскольку у Firefox 3 есть некоторые проблемы с функцией $ (document) .ready (), попробуйте вместо этого использовать $ (window) .load (), если у вас возникнут какие-либо проблемы. Надеемся, что будущая версия Firefox или jQuery решит проблему.

Взято из: http://www.gmarwaha.com/blog/2007/08/09/jcarousel-lite-a-jquery-plugin/

Answer 3

На странице, на которую вы ссылаетесь, следующий ресурс загружается вечно:

http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff