2016-08-29 11 views
0

ユーザがメニューをタブリングして最終的にメニューからタブアウトすると(メニューのフォーカスが失われる)、複数のレイヤを持つnavbarメニューを取得しようとしています。私はブレストのブートストラップnavbarを折りたたむ

$(.dropdown-toggle).blur(function() {..... 

のようなことをしようとしましたが、適切に動作するように何かを得ることができませんでした。誰もこれをしましたか?ブートストラップの折りたたみコンテンツのdocによれば、彼らはコンテンツを折りたたむボタンの機能を提供しますが、理論的には、これは本当に簡単なスクリプトでしょうか?

http://v4-alpha.getbootstrap.com/components/navbar/#collapsing-content

+0

あなたは私の答えを試しましたか? –

答えて

1

あなたは$('.dropdown-toggle').focus(function(){}); を使用して、焦点のうちのために$('.dropdown-toggle').focusout(function(){});

はまた、あなたが.dropdown-トグル使用することができます使用する必要があります:あなたがarchieveたいものを作るためにあなたのCSSに焦点{...}を。

CSSの:focus擬似クラスは、キーボードによって現在ターゲティングされているか、マウスでアクティブ化されている の要素のスタイリングに使用されます。 jQueryを使って.dropdown-toggleクラスを選択するとき、それはTYPOた場合

psのは、私は知りませんが、あなたはあなたの''が欠落している

+0

ええ、これはちょうどタイプミスでした。ありがとう、私はこれを試してみて、それがうまくいくかどうかを確認します。 – jackie

+0

あなたの返事を実際に見て、あなたの返事を誤解しています。ユーザーがフォーカスを失ったときにnavbarサブメニューを折りたたむ方法navbarはうまくonFocusを操作します。 – jackie

+0

私のアンサーで、フォーカスの逆を確認してください。フォーカスアウトを使用する必要があります –

0

提案focusoutが働いているでしょうが、私は、この使用してぼかしを解決することができましたちょうど良い。問題はタブで実際にタグが発生していて、私がliレベルに焦点を当てていないことを検出しようとしていたことでした。愚かな間違いだが、私はこの問題を抱えた世界で唯一の人ではないかもしれないと思った。

関連する問題