Twitterブートストラップフレームワークを使用したドロップダウンログインメニュー内のドロップダウンに問題があります。ログインボックスの2番目のドロップダウンが機能していません。次の例のように、ドロップダウン内に分割ボタンのドロップダウンを含めることは可能ですか?
ここでこのフィドルを参照してください。
Twitterブートストラップフレームワークを使用したドロップダウンログインメニュー内のドロップダウンに問題があります。ログインボックスの2番目のドロップダウンが機能していません。次の例のように、ドロップダウン内に分割ボタンのドロップダウンを含めることは可能ですか?
ここでこのフィドルを参照してください。
2番目のドロップダウンボタンをクリックすると、jQueryプラグイン「bootstrap-dropdown.js」はクラス「open」のすべての要素を非表示にします。
ファイル「bootstrap-dropdown.js」(http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js)を編集し、関数clearMenus()を書き直す必要があります。
このファイルで次のコードを見つけます。
function clearMenus() {
getParent($(toggle))
.removeClass('open')
}
次のように置き換えます。
function clearMenus($this) {
getParent($this)
.removeClass('open')
}
次の近くの行clearMenus()を見つけます。
, toggle: function (e) {
var $this = $(this)
, $parent
, isActive
if ($this.is('.disabled, :disabled')) return
$parent = getParent($this)
isActive = $parent.hasClass('open')
clearMenus() // here
clearMenus()
行をに置き換えますclearMenus($this)
。
ここにjsFiddleの例があります:http://jsfiddle.net/BMBc3/