ダイアログを開くには一度クリックしてください

Question

dialog()を使用しようとしていますが動作していますが、ダイアログテキストを開くには2回クリックする必要があります。私の最近のテストではjQuery(this).dialog("close");の後にreturn false;が追加されました。

jQuery("#divId").on('click', function() { 
 
    jQuery("divclass").dialog({ 
 
    autoOpen: true, 
 
    title: "Info", 
 
    width: 800, 
 
    height: 600, 
 
    modal: true, 
 
    buttons: { 
 
     close: function() {jQuery(this).dialog("close");return false;} 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

jQueryのダイアログの定義は、クリックリスナーの外でなければなりません。 また、クリックイベントで開く場合は、autoOpenをfalseに変更する必要があります。

$("#divId").on('click', function() { 
    $(".divclass").dialog("open"); 
}); 

$(".divclass").dialog({ 
    autoOpen: false, 
    title: "Info", 
    width: 800, 
    height: 600, 
    modal: true, 
    buttons: { 
    close: function() {$(this).dialog("close");return false;} 
} 
});