1

私はこれに対する答えをあちこち探しました。同様の問題を見つけて推奨事項を試みましたが、すべて役に立たなかったので、ここに問題を投稿しようとしています。重複はご容赦ください。また、私は経験豊富な Javascripter ですが、jQuery 初心者です。

私の問題: ボタン btnStates (親ダイアログのボタン配列ではなく、div) を持つモーダル jQuery UI ダイアログがあります。ボタンをクリックすると、html にある div の 2 番目のモーダル ダイアログがポップアップし、表示が none に設定されます。div には、状態オプションの単純な選択要素のみが含まれます。ユーザーは状態を選択して [OK] を押すか、親ダイアログに戻るには [キャンセル] を押す必要があります。

私はそれを働かせることができません。コードの 1 つの構成では、document.ready 時に状態ダイアログをポップアップしますが、クリック イベントにコーディングしたことは無視します。これを達成するために私のjQueryが間違っている場所を教えてもらえますか? jQueryコードでの私の最後の試みは次のとおりです。

$(function() {
    $("#tabs").tabs();
    $( "#dlgInstitutionSearch" ).dialog(
        { 
            dialogClass: "no-close", minWidth:512, minHeight:410, closeOnEscape:true, 
            buttons: [ 
                { text: "Search", click: function() { $( this ).dialog( "close" ); } }, 
                { text: "Cancel", click: function() { $( this ).dialog( "close" ); } }, 
                { text: "Help", click: function() { $( this ).dialog( "close" ); } } 
            ] 
    });

    $("#btnStates").click(function(){
        $("#dlgStatesList").dialog({
            dialogClass: "no-close", minWidth:200, minHeight:300, closeOnEscape:true, 
            buttons: [ 
                { text: "OK", click: function() { $( this ).dialog( "close" ); } }, 
                { text: "Cancel", click: function() { $( this ).dialog( "close" ); } }
            ] 
        });
    });

});
4

1 に答える 1