при первой загрузке вообще не работает javascript - PullRequest
Новая
       19

при первой загрузке вообще не работает javascript

1 голос
/ 10 августа 2010

У меня странная проблема: всякий раз, когда мой сайт загружается в первый раз в браузере, его jquery и слайдер вообще не работают ........ затем, когда я ссылаюсь на страницу, он загружает его правильно ... .. Я использую Firefox последней версии 3.6.8 CSS загружается до скриптов jquery и слайдера

вот ссылка на сайт текст ссылки

Я исправил положение кнопки с двумя решениями

  1. Нужно было использовать% при позиционировании, как слева: 90%
  2. Другое, что я нашел, проверив оригинальный файл easy slider 1.5 css, который должен был использовать контейнер для отображения всего содержимого внутри, и контейнер будет иметь такую ​​же ширину, как изображения в слайдере ..... надеюсь, что это помогает другим

Ответы [ 2 ]

4 голосов
/ 10 августа 2010

У меня не было проблем с просмотром вашего сайта в Firefox версии 3.6.8 без обновления? Слайдер, кажется, работает правильно, однако свежим взглядом я заметил некоторые вещи в источнике страницы, которые вы, возможно, захотите проверить, особенно пункт 1.:

.

  1. [EDIT] В блоке JavaScript внутри тега 'Head' отсутствует закрывающая точка с запятой (';') в конце первых четырех строк 'var': 

    <script type="text/javascript">
    var browser = navigator.appName
    var ver = navigator.appVersion
    var thestart = parseFloat(ver.indexOf("MSIE"))+1
    var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7))
    if ((browser=="Microsoft Internet Explorer") && (brow_ver < 7))
    {
        alert("Please Update your OLD BROWSER ,Please install Google chrome or Firefox to view the site propertly");
        window.location="http://www.mozilla.com/en-US/products/download.html";
    }
</script>

    [EDIT] Также желательно включить JavaScript в разделы «CDATA» или «Символьные данные»: 

    <script type="text/javascript">
//<![CDATA[
    // Your Javascript goes here...
//]]>
</script>

    Дополнительная информация: здесь и здесь .

    [EDIT] Наконец, обратите внимание, что в скрипте объявлена ​​переменная 'brow_ver', но в следующей строке указана переменная 'browser'?

  2. Ссылка на символьную сущность ‘&amp;’ должна использоваться вместо ‘&’ в теге ‘title’

  3. В одном из «метатегов» отсутствует закрывающая часть / /.

  4. [РЕДАКТИРОВАТЬ] Условный комментарий '<![if !(IE 6)]>' должен быть '<!--[if !(IE 6)]>' , а '<![endif]>' должен быть '<![endif]>-->'

  5. [EDIT] Кодировка UTF-8 включает в себя и охватывает все символы US-ASCII, поэтому в метатеге рассмотрите возможность использования следующего «кодирования содержимого»:

    content="text/html; charset=UTF-8" вместо content="text/html; charset=us-ascii"

  6. Также к вашему сведению: навигационные кнопки «-» и «+» для ползунка расположены неправильно. Пожалуйста, смотрите ссылку на изображение ниже. Это может быть неочевидно на вашем экране ... попробуйте использовать более высокое разрешение в полноэкранном режиме браузера для его воспроизведения.

    [EDIT] Просто для других, читающих это ... Я заметил, что вы исправили навигационное позиционирование '-' / '+', используя «%» вместо «px» в CSS. Так, например: 

    #nextBtn{
    display:block;
    width:36px;
    height:36px;
    position:absolute;
    left:90%;  /* <<< Will position correctly */
    top:365px;
    z-index:1000;
}

    вместо ... 

    #nextBtn{
    display:block;
    width:36px;
    height:36px;
    position:absolute;
    left:1025px;  /* <<< Won't position correctly */
    top:365px;
    z-index:1000;
}

То же самое относится к навигационной кнопке «Назад».

Снимок экрана сайта с неправильным расположением кнопок навигации http://img59.imageshack.us/img59/8443/gulzarchildcarecom.jpg

Удачи с сайтом ... выглядит хорошо! :)

1 голос
/ 10 августа 2010

Оберните функцию JQuerys 

$(document).ready(function() {
}

вокруг кода вашего слайдера.

Похоже, ваш код загружается достаточно быстро, когда он кэшируется после загрузки первой страницы.

...