新手使用Jquery 给li添加mouseover 事件后 只监听 三次 就失效了

Question

本来是 给 li 添加mouseover 把对应DIV显示出来，但是只能切换三次 然后mouseover就失效了
HTML

<div class="research_intro">
            <div id="teacher"></div>
            <div>
                <ul class="class_list w">
                    <li class="selected">全部</li>
                    <li  class="">数学</li>
                    <li class="">英语</li>
                    <li class="">政治</li>
                </ul>
                <div class="teacher_list">
                    <div class="teacher_all block" data-num="0">
                        <div>。。内容</div>
                        <div>。。内容</div>
                        <div>。。内容</div>
                    </div>
                    <div class="teacher_math" data-num="1">
                        <div>。。内容</div>
                    </div>
                    <div class="teacher_english" data-num="2">
                        <div>。。内容</div>
                    </div>
                    <div class="teacher_politics" data-num="3">
                        <div>。。内容</div>
                    </div>
                </div>
            </div>
         </div>

jQuery

 $('.class_list > li').on('mouseover',function(e){
       var index =$(this).index();
       $('.class_list > li').removeClass('selected');
       $(this).addClass('selected');
       select(index);
  });     
function select(index){
        $(this).removeClass('block');
        $(".teacher_list > div").each(function () { 
             if($(this).attr("data-num")==index){
                 $(this).addClass('block');
             }
        });
}

Answer 1

不是mouseover失效，是你没有控制其他DIV隐藏，改一下：

$(this).addClass('block').siblings().removeClass('block');