1

我最近遇到了引导程序中的下拉按钮的问题。我的任务是添加一个依赖于另一个下拉菜单的下拉菜单。

我在这里创建了一个 jsFiddle 。

当我单击第一个选项 option.1 时，它会起作用并出现一个新选项，但如果我想退回到 option.2，旧选项仍处于活动状态。很难改回option.1。

我在另一个论坛找到的解决方案，我现在找不到。但是通过将此 javascript 添加到 html 的末尾：

<script>
$(function () {
$('#myTab a:first').tab('show');
});
$('#myTab a').click(function (e) {
  $(this).tab('show');
  $('.dropdown-menu > li.active').not($(this).closest('li')).removeClass('active');
});
</script>

它将取消激活之前单击的按钮。

请参阅jsFiddle。

现在到最后一个问题，因为 twitter bootstrap 使用

.tab-content {
overflow: auto;
}

它会自动给你一个滚动条，你需要做的是在你自己的 css 中添加其他地方：

.tab-content {
overflow: visible;
}

jsFiddle现在看起来很棒。

4

0 回答 0