创建时访问jQueryUI对话框按钮
Access jQueryUI Dialog buttons upon creation
如何在创建时访问jQueryUI对话框按钮并获得它们的大小?作为一种变通方法,我可以在打开它时这样做。
http://jsfiddle.net/1ueho4tq/var $button1;
var dialog = $('#dialog').dialog({
autoOpen: false,
create: function (event, ui) {
var $button1 = $('#button1');
console.log("$button1 create", $button1, $button1.outerHeight(), $button1.position().top);
},
open: function (event, ui) {
if (!$button1) {
$button1 = $('#button1');
console.log("$button1 open", $button1, $button1.outerHeight(), $button1.position().top);
}
},
buttons: [{
id: 'button1',
text: 'Upload',
click: function () {
console.log('button1');
}
}, {
id: 'button2',
text: 'Save',
click: function () {
console.log('button2');
}
}, {
text: 'Cancel',
click: function () {
$(this).dialog("close");
}
}]
});
$('#open').click(function () {
dialog.dialog('open');
});
<div id="dialog"></div>
<button id="open">Open</button>
您可以使用buttons
选项getter获得jQuery UI对话框按钮。
var buttons = $('#dialog').dialog('option', 'buttons');
但是如果你需要检查它们的尺寸,你需要在对话框打开后使用数组。
代码:open: function (event, ui) {
$.each(buttons, function (i, e) {
console.log($('#'+e.id).outerHeight())
});
},
演示:http://jsfiddle.net/f4m6z9hc/
相关文章:
- if语句中的jQuery UI对话框按钮
- 动态覆盖jqueryUI对话框按钮(保存,取消等到用户选择)文本
- AJAX 未在对话框按钮单击上运行
- 设置 jQuery UI 对话框按钮 ID
- 如何在 jQuery UI 对话框按钮单击中提供钩子
- Teleriks RadWindow 确认对话框按钮事件未触发的任何原因
- 为jquery对话框按钮添加样式
- 窗体围绕jquery对话框按钮
- jquery对话框按钮太多
- 单击“确认”对话框按钮时,如何返回true或false
- jqueryui表单提交按钮和使用对话框按钮
- 如何在Jquery UI对话框按钮调用上调用Jquery Ajax函数
- Facebook流发布对话框按钮事件在IE中不起作用
- 如何在一些调用函数中传递jquery对话框按钮函数的返回值
- 如何修改jquery对话框按钮
- 禁用struts jquery对话框按钮打开
- 如何样式对话框按钮在NativeScript
- 创建时访问jQueryUI对话框按钮
- Mozilla XUL -对话框按钮'
- 点击“取消”后的页面重定向确认对话框按钮