無効なボタンを使用したJquery UIダイアログボックスの作成

Question

ボタンが無効（淡色表示）の状態でダイアログボックスを開く方法があるかどうかを知りたいと思います。

$("#battleWindow").dialog({//open battling window 
    title: "Battle!", 
    closeOnEscape: false, 
    modal: true, 
    width: 500, 
    buttons:[{ 
     text: "Cast", //creates the button 
     click: function(){ 
      $('#battleLog').text("You cast cure!"); 
     } 
    }, 
    { 
     text: "Item",//creates the botton 
     click: function(){ 
      $('#battleLog').text("You use a potion!"); 
     } 
    }, 
    { 
     text: "Flee",//creates the botton 
     click: function(){ 
      $(this).dialog("close"); 
     } 
    }] 
}); 

Answer 1

あなたは以下の例から見ることができるようにはい、あなたがbutton（複数可）の性質にdisabled:true,を追加することで、ボタンを無効にすることができます。

$(function() { 
 
    $("#battleWindow").dialog({ //open battling window 
 
    title: "Battle!", 
 
    closeOnEscape: false, 
 
    modal: true, 
 
    width: 500, 
 
    buttons: [{ 
 
     text: "Cast", //creates the button 
 
     disabled: true, 
 
     click: function() { 
 
      $('#battleLog').text("You cast cure!"); 
 
     } 
 
     }, 
 
     { 
 
     text: "Item", //creates the botton 
 
     click: function() { 
 
      $('#battleLog').text("You use a potion!"); 
 
     } 
 
     }, 
 
     { 
 
     text: "Flee", //creates the botton 
 
     click: function() { 
 
      $(this).dialog("close"); 
 
     } 
 
     } 
 
    ] 
 
    }); 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<div id="battleWindow"></div> 
 
<hr/> 
 
<div id="battleLog">Log</div>

あなたは上記のソースコードについてのご質問がある場合は、以下のコメントを残して、私はできるだけ早くあなたに戻って取得しますしてください。

こちらがお役に立てば幸いです。ハッピーコーディング！