Можно ли установить ID для кнопок в диалоговом окне интерфейса jQuery, чтобы я мог ссылаться на них позже через 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();
$("#myDialog").dialog({
buttons : {
"MyButton" : {
text: "OK",
id: "okbtnid",
click: function(){
var bValid = true;
}
}
}
});
Или вы можете сделать это как массив:
$("#myDialog").dialog({
buttons : [{
text: "OK",
id: "ok",
click: function(){
alert("clicked");
}
}]
});
Не так, как вы хотите, поскольку API не предоставляет эти параметры, однако, если вы посмотрите на разметку, сгенерированную диалоговым окном, вы сможете захватить любые элементы, которые вам нужны, и привязать их по своему желанию или добавить идентификаторы их. Вот разметка, найденная на странице документации (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 в контексте модальных элементов и получать к ним доступ таким образом.