求助对一个对象添加点击事件并把事件的内容封装到一个函数内怎么做?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-05-31 15:23:48 3896 1
 $(".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标签

取消 提交回答
全部回答(1)
  • 吴孟桥
    2019-07-17 19:22:03

    一样的,你的函数内的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);
    0 0
相关问答

1

回答

如何便捷地把插件添加到自己的小程序内?

2022-07-26 17:05:00 49浏览量 回答数 1

1

回答

《果壳中的5G:新网络时代的技术内涵与商业思维》电子书介绍了哪些内容?

2022-04-18 19:33:55 129浏览量 回答数 1

1

回答

在编写访问数据库的Java程序时ResultSet对象的作用是什么?

2021-11-19 20:08:11 182浏览量 回答数 1

1

回答

如何使用函数计算服务搭建一个Wordpress博客?

2021-10-25 10:14:18 1035浏览量 回答数 1

1

回答

《2021前端热门技术解读》电子书介绍了哪些内容?

2021-10-15 14:10:48 251浏览量 回答数 1

2

回答

js数组怎么添加对象

2018-05-10 19:59:53 4165浏览量 回答数 2

2

回答

域名如何使用,购买域名后该怎么做,菜鸟请求支援

2017-04-03 21:19:12 1813浏览量 回答数 2

1

回答

js如何实现将左侧区域中的内容添加到右侧区域中,并删除左侧区域中相应的内容

2016-07-14 15:05:42 1845浏览量 回答数 1

0

回答

客户端程序里引用了Aliyun.OSS这个接口,实例化对象后获取这个对象的bucketlist 值为nothing

2016-05-20 14:44:35 2232浏览量 回答数 0

1

回答

Mongoengine 怎样查询 ListField 里 不包含某个 value 所有结果

2016-02-14 18:12:56 3291浏览量 回答数 1
+关注
0
文章
2240
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载