【问题标题】:Bootstrap-collapse doesn't work correctly with custom hide/show JqueryBootstrap-collapse 无法与自定义隐藏/显示 Jquery 一起正常工作
【发布时间】:2012-09-13 03:08:19
【问题描述】:

我正在使用 Twitter 的 Bootstrap 框架和他们的 JQuery 折叠插件。我正在创建一个表单,当单击 Timeframe 时,例如通过折叠命令显示 ul。然后,用户将单击显示的 UL 上的一个选项,例如 7 天前。这会初始化自定义代码以显示隐藏的 li 并关闭原始 ul。在我添加此代码之前,这一直很好:

$('filter-reset').click(function() {
    $('.7days-select:not('.filter-selection-hidden').addClass('filter-selection-hidden');
    });

现在编码已经损坏并且 ul (filter-selection-time) 或 filter-selection-issues 在页面加载时不应该显示,现在隐藏的 li 选择即使在单击适当的 a 元素时也不会显示取消隐藏。

可以在这里找到广泛的编码:

http://jsfiddle.net/rsxavior/Gj4Dg/

任何帮助将不胜感激

【问题讨论】:

    标签: jquery twitter-bootstrap collapse


    【解决方案1】:

    你那里的代码坏了,应该是:

    $('.filter-reset').click(function() {
        $('.7days-select').addClass('filter-selection-hidden');
    });
    

    【讨论】:

    • 感谢您解决了中断问题,但现在代码在单击 .filter-reset 时没有执行我需要执行的操作。如果它没有返回,它不会将 filter-selection-hidden 添加到元素。有没有其他方法我应该这样做或瞄准它发生?
    • 刚刚意识到:not 位中的类与您尝试添加的类相同。您不需要它,因为 addClass 不会添加已经拥有的类。编辑了我的答案。
    • 蒂姆,非常感谢。我学到了一些以前不知道的关于 addClass 的新知识。
    • 糟糕,刚刚看到另一个问题!您需要在选择器中的类名前面加上点,以便 jQuery 知道您正在寻找一个类,因此 $('filter-reset') 变为 $('.filter-reset')。编辑后的答案,让我知道它是否有效。
    • 完美运行。我抓住了类名前面的点,所以没问题:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-16
    相关资源
    最近更新 更多