通过 JQuery 打开引导程序崩溃答案

【问题标题】：Open bootstrap collapse by JQuery通过 JQuery 打开引导程序崩溃
【发布时间】：2017-07-06 03:36:36
【问题描述】：

我有一个表单，当它提交时，我会验证一些必需的输入。如果这些必需输入中的任何一个为空，我将打开一个模式，显示它们是必需的消息。我的问题是，在模式的关闭按钮中，我调用了一个 JS 函数，该函数将我的页面滚动到顶部，隐藏所有引导面板，然后打开引导面板 #collapse2（该面板具有必填字段）。

function closeAlerts() {
    $('html, body').animate({scrollTop: '0px'}, 300);
    $(".collapse").collapse("hide");
    $("#collapse2").collapse("show");
}

我第一次提交表单时，它运行良好（显示带有必填字段消息的模式，关闭它并只保持#collapse2 打开）。第二次，显示带有消息的模式，但是做不打开#collapse2。

有人知道为什么吗？

谢谢

【问题讨论】：

这里似乎需要一些标记或完整的演示。
同意，看演示会很有帮助。从我所看到的我想知道你是否有冲突。您正在折叠所有面板，然后打开其中一个。也许将隐藏更改为不包含#collapse2，这样在动画的同时关闭和打开它就不会发生冲突。 `$(".collapse:not(#collapse2)").collapse("hide");
另外，您是否在控制台中遇到任何错误？我刚刚在控制台中测试并得到错误：折叠正在过渡......当我一起调用显示和隐藏时。

标签： javascript jquery twitter-bootstrap panel

【解决方案1】：

谢谢

我的解决方案是添加：

$(".collapse:not(#collapse2)").collapse("hide");

【讨论】：