미채택 완료

스크립트 질문입니다

2017-10-30 (월) 11:52:26 2,187

 <ul>
        <li style="display:none"></li>
        <li style="display:block"></li>
        <li style="display:none"></li>
        <li style="display:none"></li>
    </ul>

이런 형태의 구조로된 슬라이드를 사용합니다.

때가되면 순서대로 스타일이 none => block로 바뀌는데

block 로 변한 li의 index() 값이 필요한데 어떻게 해야할지 감이 안와서요,, 조언 부탁드립니다.

|

답변 2개 / 댓글 4개

그런거라면

$(".active").index("ul li");

이렇게 하시면 될 것 같은데요.

답변에 대한 댓글 3개

<ul id="slider">
<li style="display:none;z-index:0"></li>
<li style="display:block;z-index:1"></li>
<li style="display:none;z-index:0"></li>
<li style="display:none;z-index:0"></li>
</ul>


위처럼 ul에 아이디 주시고

index = $(".active").index("#slider li");

이렇게 오브젝트를 아이디값으로 구분하시는게 더 명확합니다.
근데 그게 계속 바뀌어야 하는데 0번에서 멈추어 있습니다 ㅠ.ㅠㅠ.ㅠ
전체 소스 없이는 더 이상 답변은 힘듭니다. ^^

 <ul>
        <li style="display:none;z-index:0"></li>
        <li style="display:block;z-index:1"></li>
        <li style="display:none;z-index:0"></li>
        <li style="display:none;z-index:0"></li>
    </ul>

이런거 원하시는건가요?

답변에 대한 댓글 1개

아니용 ㅠㅠ
bx슬라이더인데요
active된 li값의 index()값이 필요합니당.. z-index가 아니구요;

$("li").each(function(){
if ($(this).hasClass('active'))
{ alert($(this).text())
}
});
이런겁니다

active 클래스를 가진 li의 인덱스를 띄워라 ㅠㅠ
잘안되네용

답변을 작성하려면 로그인이 필요합니다.