Ошибка jScrollPane?Перерывы обновления страницы jScrollPane или что-то еще влияет на это - PullRequest
Новая
       19

Ошибка jScrollPane?Перерывы обновления страницы jScrollPane или что-то еще влияет на это

1 голос
/ 05 июля 2010

Я замечаю проблему в основном с Firefox 3.6.6 на OS 10.5.8, и это иногда случается с Safari (подготовьте свое удивленное лицо - IE на самом деле работает нормально каждый раз - что ?!).Мой URL здесь: http://culturewithinaculture.org/introduction.php

ПРИМЕЧАНИЕ. Пока он защищен паролем, так как мы официально не запустили сайт. Пользователь : cwac pass : cwac2112

Проблема : Если вы перейдете по ссылке выше, она должна нормально загрузиться в первый раз.Все выглядит нормально с файлами JS и CSS.ОДНАКО, когда вы нажимаете обновить, он ломается.Иногда требуется 1 обновление, а иногда - 2 или 3. Другая странная вещь - если вы подождете 30 секунд или около того и нажмете «Обновить», все снова будет хорошо.Кажется довольно случайным.Когда я говорю, что он «ломается», я имею в виду, что он не может применить функцию jScrollPane к тегам DIV, которые у меня есть для английской и японской копии.

Поэтому я попытался загрузить требуемые файлы JS в разное время безудачи еще.Например, попытался загрузить файл mousewheel.js до и после файла jScrollPane.js.Я также использую ссылку на размещенную в Google версию Jquery, полагая, что она может запрашивать слишком много от нашей учетной записи в MediaTemple ... возможно, проблема с кэшированием и т. Д. Вот код, который я использую для загрузки всего необходимогофункции для страницы (в основном с использованием jScrollPane и prettyPhoto для ссылок на видео): 

$(document).ready(function(){

// scrollpane code

    $('.scroll-pane').jScrollPane();    

//Rollovers for navigation buttons

    $(".navBtn").hover(
        function(){
            this.src = this.src.replace("_org","_over");
        },
        function(){
            this.src = this.src.replace("_over","_org");
    });


//PrettyPhoto Function
$(function()
    {
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });
});

Если у вас, ребята, есть какие-либо предложения, я был бы очень признателен.Я определенно новичок в jQuery, и это мой первый сайт, использующий только jQuery.У кого-нибудь была эта ошибка с jScrollPane раньше?Есть что-то напуганное в моем CSS, которое нарушает это?

Ответы [ 2 ]

3 голосов
/ 05 июля 2010

Это немного выстрел в темноте, но попробуйте загрузить ваши CSS-файлы до ваших js-файлов.

Кажется, я помню, что где-то читал, что ваш CSS должен быть определен до кода jQuery. Я ищу этот документ. Выложу, если найду.

Обновление:

Оно пришло от Learning jQuery 1.3 Джонатана Чеффера, Карла Сведберга

Чтобы убедиться, что страница также была стилизована до выполнения кода JavaScript, рекомендуется размещать теги <link rel="stylesheet"> перед тегами <script> внутри элемента <head> документа.

0 голосов
/ 05 июля 2010

Я согласен с patrick , я проверял вашу страницу последние полчаса, но пока безрезультатно. Должно быть что-то не так с CSS, я до сих пор не понимаю, как он работал нормально в первый раз, до перезагрузки страницы и сбоя после перезагрузки

...