22

jQuery UI ダイアログでボタンの ID を設定して、後で jQuery から参照できるようにすることはできますか? たとえば、イベントのトリガー、無効化など?

... in the dialog setup ...
buttons: {               
    "Sök": function () {
        var bValid = true;
    },
    "OK": function () {
        if (OK()) {
            getStuffNoteringar($("#txtStuffId").val());
            $(this).dialog("close");
        }
    }

.... later on in some javascript code....

$('#OK').click();
4

3 に答える 3

48 
$("#myDialog").dialog({
  buttons :  { 
     "MyButton" : {
         text: "OK",
         id: "okbtnid",
         click: function(){
             var bValid = true;
         }   
      } 
   }
});
于 2012-04-25T09:33:24.623 に答える
2

または、配列として実行できます。

$("#myDialog").dialog({
   buttons :  [{ 
     text: "OK",
     id: "ok",
     click: function(){
         alert("clicked");
     }   
   }]
});

http://docs.jquery.com/UI/Dialog

于 2012-04-25T09:36:16.793 に答える
0

API はこれらのオプションを提供しないため、希望する方法ではありませんが、ダイアログ ボックスによって生成されたマークアップを見ると、必要な要素を取得して、必要に応じてバインドしたり、ID を追加したりできるはずです。ドキュメント ページ (http://jqueryui.com/demos/dialog/) にあるマークアップを次に示します。

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Dialog content goes here.</p>
   </div>
</div>

モーダルのコンテンツ内のボタンの場合、モーダル要素のコンテキストで CSS クエリを実行し、その方法でそれらにアクセスできます。

于 2012-04-25T09:33:08.723 に答える