尝试使用 jQuery 进行脉动答案

【问题标题】：Trying to pulsate with jQuery尝试使用 jQuery 进行脉动
【发布时间】：2013-04-21 18:57:05
【问题描述】：

<script type="text/javascript" src="../JQuery/jquery.js"></script>

<script>
    $(document).ready(function() {
        $("img").click(function () {
            $(this).effect("pulsate", { times:3 }, 2500);
        });
    });
</script>

我的硬盘驱动器上有一个指向外部 .js 工作表的链接，该工作表是 v2.0.0 的压缩文件，我将其复制粘贴到空白 .js 文件中并保存。

就将 jQuery 文件合并到我的文档中而言，我很确定该链接是正确的。我认为编码可能是错误的。

如您所见，我已将上述代码逐字包含在我的文档中的结束 </body> 标记之前，但是当我将所有内容上传到主机并试用网站时，我试图跳动的图像不会跳动.它们是静态的，我不知道为什么。

【问题讨论】：

您应该使用浏览器中的调试工具查看 (1) 加载 jquery 时是否有任何 404 错误和 (2) 是否有任何 Javascript 错误。另外，我认为 pulsate 是一种 jquery-ui 效果，因此您可能需要将 jquery-ui 包含到您的页面中。
如果您打算使用 javascript...至少要学习如何在浏览器控制台中查找错误。 10 秒的检查将为您节省大量猜测时间
您好@user2325723，我的回答对您有帮助吗？

标签： jquery html image hyperlink

【解决方案1】：

这对我有用：

function pulsateElement(element){
    element.removeClass('pulsate');
    setTimeout(function(){
        element.addClass('pulsate');
        setTimeout(function(){
            pulsateElement(element);
        },500);
    },700);
}

【讨论】：

【解决方案2】：

请记住，pulsate 是 JqueryUI 库的一部分。一定要在 jQuery 中包含 jQueryUI。

这是一个有效的fiddle。

来源：http://docs.jquery.com/UI/Effects/Pulsate

【讨论】：