2010-08-10 2 views
1

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

здесь ссылка на сайт link text

Я установил расположение кнопки с 2 растворами

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

Работает отлично для меня, загружая его в первый раз в FireFox, Opera и IE8. –

+0

Согласен, никаких проблем здесь. Получаете ли вы какие-либо ошибки в консоли Tools-> JavaScript, когда он не удается? – bobince

+0

Только одно примечание: ИМХО, вы не должны использовать кнопки '+' и '-' в качестве кнопок здесь, так как вы не приближаетесь и не выключаете. Я бы использовал стрелки (например). –

ответ

4

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

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

    <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> 
    

    Подробнее: here и here.

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

  2. «&amp; символ» ссылка на сущность должна использоваться вместо «&» в «заголовке» тега

  3. один из «мета-тегов» отсутствует закрывающий «/».

  4. [EDIT] условный комментарий '<![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. Также FYI: кнопки навигации «-» и «+» для слайдера не позиционируются правильно. См. Ссылку на изображение ниже. Это может быть не очевидно на вашем экране ... попробуйте более высокое разрешение, и браузер настроится на полный экран, чтобы воспроизвести его.

    [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; 
    } 
    

То же самое относится и к кнопке 'Назад' нав.

Site Screenshot of incorrect navigation buttons positioning http://img59.imageshack.us/img59/8443/gulzarchildcarecom.jpg

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

+0

Вы указали много хороших ошибок, но можете ли вы сказать мне, что я должен сделать, чтобы позиционировать эти плюсовые и минусовые знаки .......... они позиционируются с абсолютным, и я использую em в своих левых значениях, как и влево: 78.5em –

+0

Muhammad, я только что добавил несколько изменений, которые вы хотели бы проверить. Я заметил, что вы отсортировали проблему позиционирования - хорошо сделано. Не забудьте также исправить этот JavaScrpt, поскольку это может вызвать проблемы в некоторых браузерах. Удачи. –

1

убедитесь, чтобы обернуть JQuerys

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

функции Arround код слайдера.

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

Смежные вопросы