0

関連する質問がいくつかあることは承知していますが、質問をもっと明確にしたかったのです。時間をかけて jsfiddle で問題を複製しました (下部のリンク)。

私はjqueryイベントを持っています:

$(document).ready(function () {
    $('.ui.contact.selection.dropdown').on("click", function () {
         $(this).dropdown()
         ;
    })

});

ドロップダウン メニューはモーダル内にあり、その div がクリックされるまで実際には存在しません。

    $('.item.contact').on("click", function () {
        $('.ui.modal')
          .modal('show')
          ;
    })

問題は、モーダルを読み込んでドロップダウン メニューをクリックすると、メニューが起動するまでに 2 回クリックする必要があることです。これは、ページの読み込み時にドロップダウンが利用できないためだと推測しています。最初のクリックで読み込み、2 回目のクリックで起動しますか? よくわかりませんが、助けていただければ幸いです。

jsfiddleを参照してください

4

3 に答える 3

2

showドロップダウンを作成するときにオプションを設定してみてください。

$(this).dropdown('show', true)

フィドル: http://jsfiddle.net/o8r0fzfg/8/

于 2014-08-29T17:54:01.243 に答える
0

以下のコードを試してみましたが、うまくいきました！

$(document).ready(function () {    
    $('.ui.contact.selection.dropdown').dropdown();    

    //CONTACT MODAL
    $('.item.contact').on("click", function () {
        $('.ui.modal').modal('show');       
    });    
});

「ドロップダウン」はプリロード時に起動する必要があると思います。

于 2014-08-29T17:53:53.313 に答える
0

セマンティックのドキュメントを見ると、最初の .dropdown でオブジェクトが作成され、2 番目でトグルが起動するようです (デフォルト)。トグル操作にしたい場合は、次のことを試してください。

$(document).ready(function () {

    ...

    $('.ui.contact.selection.dropdown').dropdown();
    $('.ui.contact.selection.dropdown').on("click", function () {
        $(this).behavour("toggle");
    });
});

このイベントは、open だけでなく close も処理します。

JSFiddle

于 2014-08-29T17:55:26.963 に答える