やあみんなクリック非表示jQueryのUIメニューのどこ
イムややjQueryとJavaScriptを使用して初心者の...あなたは私を助けることができる願っていました。オブジェクトがクリックされたときに表示されるjquery-uiメニューを実装しようとしましたが、メニュー自体以外の場所でクリックが行われると消滅します。
これは、これまで
$("div.item").click(function(e){
$("#menu").menu();
$("#menu").css("top",e.pageY);
$("#menu").css("left",e.pageX);
});
私が持っているコードで、今私はクリックが事前にメニューitself..thanks以外の場所にすれば、メニューを隠し、破壊したいと思います。
オブジェクトがフォーカスを失ったときに発生するblurイベントを使用します。他の何かをクリックすると、焦点が離れます。ただ、上記のコードとコメントをタンクへ
$("#menu").blur(function() {
// Your code here to either hide the menu (.toggle())
// or remove it completely (.remove()).
});
（@死relic0、@レヴィbotelho）私はjQueryのUI selectmenuウィジェットと同じ問題を持っていた問題は、私ので、発生した
// create
$('#menu').blur(function() {
$('#menu').hide();
});
// show
$('#menu').show().focus();
JQuery UIのselectmenu cssファイルをインポートしませんでした。私は選択メニューのスタイルを自分で作りたかったからではなかった。私は自分のCSSに[aria-hidden="true"] { display: none; }を追加した問題を解決するには
、私は問題を解決しようと遊んでたときに、このアリアプロパティがtrueとfalseの間でトグルされたことに気づきました。
これは、Oodles Technologiesでjquery datepickerを非表示にするプロセスです。
私たちのモーダルの基本的な構造は、このようになります。
<button class="btn btn-info btn-lg" data-target="#myModal" data-toggle="modal" type="button">Open Modal</button>
これは私たちの基本的なCSSです。これは、定義された高さモーダルです。
.modal-body {
min-height: 500px;
max-height: 500px;
overflow: auto;
}
$(".modal-body").scroll(function(){
$("#ui-datepicker-div").hide();
});
は、それは私が「#menu」初めての項目をクリックし、画面上のどこかをクリックした場合にのみ、いくつかの理由でイベントが呼び出されたため
が、それは仕事を得るカントに役立ちます願っています。 –
が実際に動作するようになりました。私はちょうど$（ "＃menu"）を実行しなければなりませんでした。 divがクリックされてメニューが表示されたためにクリックされたときに、フォーカスはメニューに表示されませんでした。 –