2013-07-17 4 views
0

내 웹 사이트 위에 슬라이딩 배너를 표시하려고합니다. 나는 이것을 구현하기 위해 featurify.js (http://spreadthesource.com/sandbox/featurify/)를 사용하고 있습니다.jQuery로 내용을 볼 수 있습니다.

문제는 html 페이지가 처음로드 될 때 페이지의 모든 목록 항목을 표시한다는 것입니다. jquery는 그 이후에 적용되며 사라지면 사라지는 배너가 보입니다.

내 HTML div를 display : none으로 설정하고 jquery에서 show()를 사용하여이 문제를 해결하려고했습니다. 그러나 그것은 저를 위해 작동하지 않습니다. 이것은 그것을위한 코드입니다. 누군가가 나에게이 문제를 해결하기위한 다른 방법을 제안 할 수있는 경우

html: 
    <div id="features"> 
     <ul> 
      <li>Discover success </li> 
      <li>Keeping pace with latest technology</li> 
      <li>Employee owned</li> 
      <ul> 
    </div> 

CSS: 
    #features { 
     color:#a60000; 
     font-size:2.25em; 
     padding:1.25em; 
     display:none; 
    } 

JS: 
    $(#features).show(); 

http://jsfiddle.net/UU5Kj

또한, 그것은 좋은 것입니다.

답변

0

또한 모든 목록 항목하지만 첫 숨어 시도 할 수 따옴표가 필요합니다. 나는 플러그인이 자동으로 애니메이션으로 볼 수있게 해줄 것이라고 생각한다.

은 CSS에

#features ul li:not(:first-child) { 
    display: none; 
} 
+0

감사합니다. 이것은 나를 위해 가장 잘 작동합니다. – ambit

2

당신은

$('#features').show(); 
+0

감사이 추가하지만 난 jsfiddle이를 시도 할 때, 그하지 작업 – ambit

+0

@ambit 다음 jsfiddle를 업데이트, 그래서 그것을 볼 수 있습니다. – prospector

+2

@ambit, 그 작업과 광부가 정확합니다. http://jsfiddle.net/UU5Kj/4/를 확인하십시오. 프레임 워크 섹션 – Satpal

관련 문제