Jquery 设置要修改单击的li宽度的动画
我有一个li列表,当其中一个被单击时,动画被触发。然而,我的上一个动画不起作用。它应该修改单击的li的大小:Jquery 设置要修改单击的li宽度的动画,jquery,css,jquery-animate,Jquery,Css,Jquery Animate,我有一个li列表,当其中一个被单击时,动画被触发。然而,我的上一个动画不起作用。它应该修改单击的li的大小:$('#wrapper li').index(this.css({'width':'200px'}) 请注意,如果我删除“.index(this)”,它将在所有li上工作,但这不是我想要的。下面是完整的代码。非常感谢您的回复。干杯马克 $('#wrapper li').click(function () { //Here is set my varaibles $('
$('#wrapper li').index(this.css({'width':'200px'})代码>
请注意,如果我删除“.index(this)
”,它将在所有li上工作,但这不是我想要的。下面是完整的代码。非常感谢您的回复。干杯马克
$('#wrapper li').click(function () {
//Here is set my varaibles
$('#wrapper li').slice(startLi, endLi).animate({
"left": '-=' + leftDistance
}, "fast", function () {
$('#wrapper li').slice(indexLi + 1, endLi).stop().animate({
"left": "+=225px"
}, "slow", function () {
$('#wrapper li').index(this).css({'width': '200px'});
});
});
});
返回一个编号
,这就是它不工作的原因
它应该修改单击的li的大小
您可以通过缓存this
的外部值(在事件处理程序中,该值指的是单击的元素)并在以后的动画功能中使用它来使其工作:
$('#wrapper li').click(function () {
var self = this;
//Here is set my varaibles
$('#wrapper li').slice(startLi, endLi).animate({
"left": '-=' + leftDistance
}, "fast", function () {
$('#wrapper li').slice(indexLi + 1, endLi).stop().animate({
"left": "+=225px"
}, "slow", function () {
$(self).css({'width': '200px'});
});
});
});
海安德鲁。它正在工作!非常感谢你。你太棒了!你让我的夜晚开始得很好。@user1162116:很高兴能帮忙!如果答案有帮助,不要忘记“接受”它。:)