$(".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标签
一样的,你的函数内的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);
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。