jquery - Animate 应该修改单击的 li 宽度

Question

我有一个 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'});
         });
     });
 });

Answer 1

.index返回一个 Number，这就是 .css 的原因不管用。

It is supposed to modify the size of the clicked 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'});
         });
     });
 });