jQuery：后代选择器仅适用于一个“隐藏”的 div

Posted 2023-05-08

【中文标题】jQuery：后代选择器仅适用于一个“隐藏”的 div

【英文标题】：jQuery: Descendant selectors only working on one "hidden" div

【发布时间】：2013-01-18 03:48:28

【问题描述】：

大家好，也许你可以帮忙。 我正在使用标准 jQuery UI 构建一个简单的选项卡式表单。由于各种原因，此表单将包含约 40 个隐藏 div，其中包含所有表单字段（我无法通过 AJAX 加载）。

我创建了a fiddle，并带有一个非常精简的页面版本。您将在“管理”选项卡下看到一些内容，但在管理或临床选项卡下不会显示任何内容。对 html 的检查将显示其中确实有内容。

这个可能导致问题的特定代码是这样的，特别是 CSS 后代选择器：

    jQuery( '.tabDiv ul li a' ).click(function()                   /* Create Toggle Function */
    var link = $(this).attr('href'); 
    jQuery( '.navigation' ).removeClass("active").addClass("hidden");
    jQuery( link ).removeClass("hidden").addClass("active");
    return false;
);

但如果是，我不明白为什么。此页面将始终在最新的 Chrome 浏览器上运行，因此可以忽略任何 IE/Firefox 问题。

提前感谢您的帮助，我在很短的时间内就从这个网站学到了很多东西。

【问题讨论】：

在 Safari 和 Chrome 中运行良好。

它在第一个选项卡（管理员）、其他选项卡（临床/管理）及其子链接上没有返回任何内容。

这些链接的href类似于“#managementBanking”，与相关div的jQuery选择器相同。那部分工作正常。虽然有点误导，但我希望在实际代码中有关于此的 cmets :-)

【参考方案1】：

唯一的问题是文本出现在菜单下方，而不是右侧。此外，只有管理选项卡下的前 2 项有任何内容。

【讨论】：

不，因为我指出了正在发生的问题。这不是他认为自己遇到的问题。

哇哦；我很抱歉在这里浪费了每个人的时间。

LOL，休息一下，把视线从屏幕上移开一会儿:-)