2010-05-05 3 views
1

기본적으로 jQuery 스크롤러가있는 페이지를 만듭니다. IE7에서 특히 새로 고침시 페이지의 li's은 모두 으로 표시되고 숨겨져 스크롤러가 시작됩니다.jQuery 및 IE 새로 고침/다시로드

누구나 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

접근성 문제가있을 수 있지만 scroller 속성을 설정 한 후에 .css로 콘텐츠를 숨긴 다음 자바 스크립트를 사용하여 숨김을 해제하려고 생각했습니다. 예를 들어 스크롤러에 큰 음수의 왼쪽 여백을 부여한 다음 화면으로 옮길 수 있습니다. –

+0

음 ... 그렇게하면 텍스트가 사라지지 않는 것처럼 보일 것입니다. 또한 모든 리의 진짜 빠른 것을 보여주지 않을 것입니다. – balexander

답변

1

표준 방법 :

당신의 CSS에서
<body> 
    <script type="text/javascript"> 
    document.body.className += " js"; 
    </script> 

합니다 (.air_ticker 요소는 HTML에 나타납니다 전에로드)

: 당신의 HTML에서 this question

같은

.js .air_ticker { display: none; } 

이제 브라우저에 JS가있는 경우 .air_ticker 요소가 표시되기 전에 숨겨집니다.

+0

이렇게하면 요소가 완전히 숨겨집니다. 인터넷 익스플로러에서 새로 고침을 할 때 나는 그 순간에 리가 나타나기를 원하지 않는다. 나는 그들을 영구히 숨기고 싶지 않다. – balexander

+0

아. 알아 냈어. 감사합니다 orip! – balexander