2010-05-05 7 views
1

В основном я создаю страницу с помощью скроллера jQuery. Однако в IE7 конкретно, при обновлении все li's на странице показаны в полном объеме , тогда они скрываются и скроллер начинается.jQuery & IE on Refresh/Reload

Кто-нибудь знает, как я могу сначала запустить jquery или предотвратить это.

Heres код

<script language="JavaScript" src="/site/js/jquery-1.3.2.js"></script> 
<script language="JavaScript" src="/site/js/jcarousellite_1.0.1c4.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".air_ticker").jCarouselLite({vertical: true,visible: 1,auto:10000,speed:1800}); 
    }); 
</script> 
+0

Возможно, у вас есть некоторые проблемы с доступностью, но вы подумали о том, чтобы скрыть содержимое с помощью .css, а затем использовать свой Java-скрипт, чтобы отобразить его после установки свойств скроллера. Например, вы можете дать скроллеру большое отрицательное левое поле, а затем переместить его на экран. –

+0

hmm..by таким образом, текст будет выглядеть так, будто он никогда не исчезает? И он не покажет все реальные вещи. – balexander

ответ

1

Стандартный способ: как this question

В вашем HTML:

<body> 
    <script type="text/javascript"> 
    document.body.className += " js"; 
    </script> 

В вашем CSS (загружается до появления .air_ticker элемент в HTML)

.js .air_ticker { display: none; } 

Теперь, если в браузере есть JS, элемент .air_ticker будет скрыт, прежде чем у него появится возможность показать.

+0

Выполнение этого полностью скрывает элементы. При обновлении в IE я просто не хочу, чтобы li показывался для этой секунды. Я не хочу скрывать их навсегда – balexander

+0

ahh, я понял это. спасибо orip! – balexander