Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 设置要修改单击的li宽度的动画_Jquery_Css_Jquery Animate - Fatal编程技术网

Jquery 设置要修改单击的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 $('

我有一个li列表,当其中一个被单击时,动画被触发。然而,我的上一个动画不起作用。它应该修改单击的li的大小:
$('#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:很高兴能帮忙!如果答案有帮助,不要忘记“接受”它。
:)