我不正常Hen久了
2015-04-17 02:29
采纳率: 50%
浏览 3.7k

对一个对象添加点击事件,想把事件的内容封装到一个函数内怎么做?

    $(".banner li").click(function() {
        var $li = $(this);
        var i = $li.text() - 1;   //0,1,2,3
                                  // if (i >= count) return;
        $(".banner-list i")
                .filter(":visible")
                .fadeOut(400)
                .parent()
                .children()
                .eq(i)
                .fadeIn(400);
        $li.addClass("cur");
        $li.siblings().removeClass("cur");
    }
 想把事件触发后执行的效果封装到一个函数action内,点击后直接调用这个函数,但是this总是搞不明白,封装后的函数action该怎么写呢?这是一个简单的轮播图的效果,意思就是我怎么在action函数内监听我点击的是哪个li标签
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    一样的,你的函数内的this对象还是指向点击的li对象

      function Action(){
            var $li = $(this);
            var i = $li.text() - 1;   //0,1,2,3
                                      // if (i >= count) return;
            $(".banner-list i")
                    .filter(":visible")
                    .fadeOut(400)
                    .parent()
                    .children()
                    .eq(i)
                    .fadeIn(400);
            $li.addClass("cur");
            $li.siblings().removeClass("cur");
     }
     $(".banner li").click(Action);
    
    点赞 打赏 评论
  • danielinbiti 2015-04-17 02:42

    这里的this指$(".banner li"),如果实在迷糊this,就把要操作的li当做参数传递过去,不用this

    点赞 打赏 评论

相关推荐 更多相似问题