jQuery:后代选择器只在一个“隐藏”div上工作

时间:2013-02-03 05:56:53

标签: jquery jquery-ui jquery-selectors

大家好,也许你可以帮忙。
我正在使用标准的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问题。

在此先感谢您的帮助,我在很短的时间内从这个网站上学到了很多东西。

1 个答案:

答案 0 :(得分:0)

唯一的问题是文本在菜单中显示 ,而不是在右侧。此外,只有“管理”选项卡下的前两项具有任何内容。