因此,它会按照类underNavselected
中的指定保持高亮显示。有人能帮上忙吗?
这些都在一个页面上,没有链接到其他文档。每次点击时,我都会隐藏和取消隐藏内容。
jQuery(document).ready(function() {
jQuery(".toTop").hide();
jQuery(".aboutHeader").hide();
jQuery(".LAM").hide();
jQuery(".WID").hide();
jQuery(".MyG").hide();
jQuery("#LAMlink").live("click", function()
{
jQuery(this).addClass("underNavselected");
jQuery(".LAM").slideToggle(500);
jQuery(".WID").hide();
jQuery(".MyG").hide();
jQuery("#MyGlink", "#WIDlink").removeClass("underNavselected");
});
jQuery("#WIDlink").live("click", function()
{
jQuery(this).addClass("underNavselected");
jQuery(".WID").slideToggle(500);
jQuery(".LAM").hide();
jQuery(".MyG").hide();
jQuery("#LAMlink", "#MyGlink").removeClass("underNavselected");
});
jQuery("#MyGlink").live("click", function()
{
jQuery(this).addClass("underNavselected");
jQuery(".MyG").slideToggle(500);
jQuery(".LAM").hide();
jQuery(".WID").hide();
jQuery("#LAMlink", "#WIDlink").removeClass("underNavselected");
});
});
发布于 2013-01-25 08:35:26
顺便说一下,您使用了一个descendant selector,您的代码等同于"#LAMlink # WIDlink“,这意味着您正在寻找一个具有LAMlink祖先的WIDlink
因此,正确的解决方案是改变:
jQuery("#LAMlink", "#WIDlink")
至
jQuery("#LAMlink, #WIDlink")
注意,我的string.
都是一样的
发布于 2013-01-25 08:36:17
如下所示:
jQuery("#MyGlink, #WIDlink").removeClass("underNavselected");
发布于 2013-01-25 08:36:35
更改此设置:
jQuery("#MyGlink", "#WIDlink").removeClass("underNavselected");
要这样做:
jQuery("#MyGlink, #WIDlink").removeClass("underNavselected");
在你所做的每个地方都是相似的。
选择器应该是包含逗号的单个字符串。按照您的方式,jQuery将查找与第一个选择器匹配的元素,这些元素是与第二个选择器匹配的元素的后代。
https://stackoverflow.com/questions/14513394
复制相似问题