2

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

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

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

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

4

2 回答 2

0

您的 JS 可以更改为:

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

它应该按原样与 HTML 一起工作。您要排除的那些将匹配li>div,但不是li>a,因此获取锚点然后选择它们的父项将仅获得您需要的项目。

于 2012-11-09T21:35:06.993 回答
0

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

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

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

$('.da-thumbs > li:has(a)').hoverdir();
于 2012-11-09T21:31:39.600 回答