jQuery流沙问题答案

【问题标题】：jQuery quicksand issuejQuery流沙问题
【发布时间】：2012-07-28 06:46:44
【问题描述】：

所以我在我的新 wordpress 网站上配置 quicksand plugin 以在我的投资组合部分使用它。

我配置了所有内容并且它正在工作。你可以在这里看到它：

问题：

我的网站上运行了更多的 jQuery 脚本。例如，将鼠标悬停在图像上时查看投资组合项目缩略图。当我第一次运行页面时，悬停图像正在工作，但是每当我触发排序流沙功能来过滤我的项目时，缩略图上的悬停图像效果就会停止工作，这真的很烦人..

我认为这可能与 jQuery 冲突或其他原因有关，但无论我尝试什么都没有用——在任何地方都找不到答案...

这是我的 JavaScript 文件，其中包含站点中的所有脚本，包括流沙设置：https://dl.dropbox.com/u/4405634/functions.js

如果有人可以提供帮助，我会很高兴。

【问题讨论】：

关闭投票作为题外话。这是一个 jQuery 问题，与 WordPress 无关。看看用on 替换你的事件处理程序。您的元素正在从 DOM 中删除/添加到 DOM，因此它们正在丢失其事件处理程序。
@milo- 这是关于将流沙集成到wordpress中的，那我该怎么办？在相关的 stackexchange 网站上发布这个问题？
@songdogtech - 我不知道如何接受答案，而且我从来没有收到过直接好的答案，我会看看常见问题解答 - 谢谢。

【解决方案1】：

您的问题与 Wordpress 无关，而与 jQuery 无关。将 jQuery 作为独立库处理的论坛和问答网站是更好的查看场所。

您还需要学习如何在 Firefox 中使用 Firebug，或者使用 Chrome 或 Safari 或 IE 中的开发人员工具来查看您的网站上加载了哪些 JS 和 jQuery 库并解析 JS冲突错误。

您可能还需要查看Function Reference/wp enqueue script « WordPress Codex，了解如何在学习 jQuery 时在 WordPress 中加载 JS。

【讨论】：

感谢@songdogtech，我实际上知道 Jquery 非常好，除了带有流沙的悬停图像外，一切似乎都工作正常，但我会再次检查是否存在 Jquery 冲突或其他问题。不管 - 我仍然希望在这里获得一些帮助，因为我发布了一个指向我的 Javascript 文件的链接。我希望有人可以查看我的网站并建议如何提供帮助。

【解决方案2】：

正如我在对您的问题的评论中提到的，您的问题是元素在动画时被克隆，因此它们正在丢失绑定到它们的事件。

the solution is in their documentation。我相信您也可以通过 jQuery 的 on 绑定事件来解决它，它取代了 live 将事件绑定到将来可能存在的对象的方法。

【讨论】：

我设法以某种方式使用实时函数解决了这个问题：$(document).ready(function(){ $('.items > ul > li').live('mouseenter', function(){ $(this).find('img.grey').stop(true, true).animate({'opacity': '0.2'}, {duration:500}); }); $('.items > ul > li').live('mouseleave', function(){ $(this).find('img.grey').stop(true, true).animate({'opacity': '1'}, {duration:500}); }); }); 除了我现有的代码。希望对需要的人有所帮助