JQuery动画div的宽度onclick [关闭]

Posted 2023-05-08

【中文标题】JQuery动画div的宽度onclick [关闭]

【英文标题】：JQuery animate div's width onclick [closed]

【发布时间】：2014-02-25 01:21:40

【问题描述】：

我不知道为什么这不起作用。

JQuery:

$("#foldit").click(function () 
    $("foldit").animate("width": "165px", "fast");
);

【参考方案1】：

这是因为您在选择器中错过了#。

只需尝试在该点击事件中使用 this 引用来实现您想要的，

$("#foldit").click(function () 
    $(this).animate("width": "165px", "fast");
);

根据您的新要求，您可以这样尝试，

$('#foldit').click( function() 
    var toggleWidth = $(this).width() == 165 ? "100px" : "165px";
    $(this).animate( width: toggleWidth );
);

DEMO

【讨论】：

有什么办法可以让它在我第二次点击时变回原来的宽度？

@ShaulBar-Lev 试试我的新更新。

我明白了这个概念，但在我的页面上它并没有真正起作用。

我点击了一次，但没有任何反应，第二次点击它运行。

@ShaulBar-Lev 你能做一个演示吗？以便我们可以轻松解决您的问题。 :)

【参考方案2】：

您在选择器中错过了'#'，或者您也可以这样使用它

$("#foldit").click(function () 
    $(this).animate("width": "165px", "fast");
);

【参考方案3】：

使用$(this) 代替$("foldit")