冲突的 jQuery 插件答案

【问题标题】：Conflicting jQuery plugins冲突的 jQuery 插件
【发布时间】：2012-11-09 21:26:18
【问题描述】：

我首先想说的是，这个网站对我来说非常有用，因为我在业余时间一直在学习网络编码。我决定注册，因为我有一个具体的问题想问。

我正在开发我的新网站和一个特定的测试页面 (www.owenprescott.com/home.html)。我遇到了一个问题，希望有人可以帮助我。我有一个 jQuery 插件，它在我的缩略图图像上创建悬停效果，并且内联代码导致问题（jquery.dirinline.js），该函数针对我的（li）框并说... $('.da-thumbs > li').hoverdir();

问题是我有几个白框，项目信息包含在 (li) 标记中。我不希望上面的 jQuery 函数影响白框。如果您访问我的网站，当您将鼠标悬停在白框上时，您会看到问题所在。对于某些输入，我会非常满意，要么我需要更改 jQuery 函数，要么从白色信息框中删除 (li) 标签，但是我不确定如何让它们以任何一种方式正确显示。

我希望我没有让这个问题变得混乱，并提前感谢您的任何建议。此外，如果您对改进我的代码有任何建议，请随时告诉我，这将是我的模板页面，我知道我仍然需要删除默认的 Dreamweaver 信息。

【问题讨论】：

欢迎来到 Stackoverflow！您的问题应该能够独立存在，而不需要指向外部网站的链接。请在一个小测试用例中重新创建您的问题并将其包含在您的问题中。由于实际阅读的人更多，您问题中的文本越少也可能会产生更好的结果。
Kevin B 是正确的，但是，您的问题似乎并不遥远。我认为您不需要删除 li 的（在工作中，蓝色外套不会让我看到您的网站）但是，它可能需要不同类型的 select 语句。甚至可能是包含特定类名的问题。有关您如何在您的 kode 中使用这两个库的更多信息（也就是向我们展示一些工作，而无需我们加载您的视线后端，对于像我这样的人，我无论如何都看不到它）。

标签： javascript jquery hover mosaic

【解决方案1】：

你的JS可以改成：

$('.da-thumbs > li > a').parent().hoverdir();

它应该可以与 HTML 一起使用。您要排除的那些将匹配 li>div，但不匹配 li>a，因此获取锚点然后选择它们的父项将仅获得您需要的项目。

【讨论】：

【解决方案2】：

因此将它们从匹配集中排除。使用not() 删除它们。

$('.da-thumbs > li').not(".someClassInfoThingy").hoverdir();

或者检查那些信息块是否永远不会有链接，你可以这样做

$('.da-thumbs > li:has(a)').hoverdir();

【讨论】：

谢谢我不知道这一点，我想自从提出我的问题后我才找到了解决方法。我刚刚将应用于 (li) 标记的 position:relative 和 float:left 添加到应用于白盒的单独类中。 :)
或者你可以让代码不首先选择它们。大声笑
作为一个专业提示，我不会依赖 Dreamweaver 来学习编码，它只会阻碍你的成长......话虽如此，如果它在 DW 中而不是在服务器上工作，请确保你的脚本服务器可以访问库，可能没有指向正确的位置