加入settimeout之后切换有问题

七里桐 jQuery 实例:标签切换 最后由 极客学院_ASMITA 于2015年06月22日回复

  • 2 回答
  • 3k 浏览

settimeout函数后,li标签中的a标签的border-bottom不变色了,背景也不变色了,没见函数前与老师的一样,请老师帮忙看看

<div class="div">内容1</div>

<div >内容2</div>

<div >内容3</div>


$(function () {

    $("li").each(function (index) {

        $(this).hover(function () {

         timeid=setTimeout(function(){

        $("li").removeClass("tab");

        $(this).addClass("tab");

            $("div").removeClass("div")

            $("div").eq(index).addClass("div")

        },300);

    }).mouseout(function () {

            clearTimeout(timeid);

        })

    })

})

360截图20150622143515006.jpg

  • 极客学院_ASMITA 2015年06月22日 回答 #1楼
  • 把你写的js改了下

    var timeid;

    $(function () {

        $("li").each(function (index) {

            $(this).click(function () {

    timeid=setTimeout(function(){

            $("li").removeClass("tab");

            $("li").eq(index).addClass("tab");

            $("div").removeClass("div");

            $("div").eq(index).addClass("div");

            },300);

        }).mouseout(function () {

                clearTimeout(timeid);

            })

        })

    })

    这样双击tab即可切换

  • 0 评论