开发者社区> 问答> 正文

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

 $(".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标签

展开
收起
吴孟桥 2016-05-31 15:23:48 4216 0
1 条回答
写回答
取消 提交回答
  • 一样的,你的函数内的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);
    2019-07-17 19:22:03
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
fibjs 模块重构从回调到协程--陈垒 立即下载
fibjs 模块重构从回调到协程 立即下载
建立联系方法之一 立即下载