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のブートストラップは

.tab-content {
overflow: auto;
}

自動的にスクロールバーが表示されます。必要なことは、独自の css に別の場所を追加することです。

.tab-content {
overflow: visible;
}

jsFiddleは見栄えがよくなりました。

4

0 に答える 0