---

※ 引述《TypeZero.》之銘言:
: 先前我寫了一段程式
: <li id="a" class="active">0</li>
: <li id="b">1</li>
: <li id="c">2</li>
: 透過滾輪往下滾一下可以變成
: <li id="a">0</li>
: <li id="b" class="active">1</li>
: <li id="c">2</li>
: 以此類推，
: 問題來了，我想要用下面這段程式讓他彈出一個視窗，可是卻無效，
: 只有在<li id="a" class="active">1</li> 時有會跳出視窗。
:     <script>
:         $(function(){
:         if($(a).hasClass("active")){
:         alert("bind working!");
:         }else{}
:         });
:     </script>
: 嘗試過，若不用jQuery隨著滾輪於a b c加入class="active"
: 單純寫一個<li id="c" class="active">3</li>
: 這樣是有反應的
: 請問板上有什麼見解?
<ul>
    <li id="a" class="active">A</li>
    <li id="b">B</li>
    <li id="c">C</li>
</ul>
<script>
$('html').on('mousewheel DOMMouseScroll', function (event) {
    var $current = $('li.active').eq(0);
    var $next = $current.is(':last-child') ? $('li').eq(0) : $current.next('li');
   
    $current.removeClass('active');
    $next.addClass('active');
   
    if ($next.prop('id') === 'c') {
        alert('hello world!');
    }
});
</script>
<style>
li.active {
    color: red;
}
</style>

--
※ 作者: dinos 時間: 2013-06-23 09:59:26