javascript - 冲突的 jQuery 插件

Question

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

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

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

我希望我没有让这个问题令人困惑，并在此先感谢您的任何建议。此外，由于这将是我的模板页面，如果您有任何改进我的代码的建议，请随时告诉我，我知道我仍然需要删除默认的 Dreamweaver 信息。

Answer 1

您的 JS 可以更改为:

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

而且它应该可以按原样与 HTML 一起使用。您要排除的那些会匹配 li>div，但不会匹配 li>a，因此获取 anchor 然后选择它们的父项将只得到您需要的项目。