我有点陷入以下困境。 在我的网站上,我有一个下拉菜单。导致下拉菜单折叠的主要元素不可点击。但是,我想将该元素的光标更改为正常,但要确保下拉菜单仍然具有“手”光标。
HTML 将是:
<ul>
<li>
<a href="nice.php">Normal item<a/>
</li>
<li>
<a href="#">Dropdown initator</a>
<ul>
<li><a href="droppage.php>Dropdown item</a></li>
</ul>
</li>
</ul>
因此带有 href="#"的链接应该有非链接游标;其他人应该有光标:“指针”。
试过 JS 但它不起作用,它使下拉项的光标也是错误的:
$('ul li').hover(function() {
if($(this).find("a").attr("href") === "#"){
$(this).css('cursor','e-resize');
$(this).find("a").css('cursor', 'e-resize');
$(this).find("ul li").css('cursor', 'pointer');
}
});
它应该没有任何区别,但该页面实际上是 wordpress 安装的一部分。
非常感谢任何帮助!
最佳答案
关于javascript - 按属性更改光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11786897/