【问题标题】:jQuery: Descendant selectors only working on one "hidden" divjQuery:后代选择器仅适用于一个“隐藏”的 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 :-)

标签: jquery jquery-ui jquery-selectors


【解决方案1】:

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

【讨论】:

  • 不,因为我指出了正在发生的问题。这不是他认为自己遇到的问题。
  • 哇哦;我很抱歉在这里浪费了每个人的时间。
  • LOL,休息一下,把视线从屏幕上移开一会儿:-)
猜你喜欢
  • 1970-01-01
  • 2014-02-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-08
  • 1970-01-01
  • 2012-06-22
相关资源
最近更新 更多