Javascript jQuery对话框按钮如何设置单击事件?
好的,我得到了这个密码:Javascript jQuery对话框按钮如何设置单击事件?,javascript,jquery,button,dialog,click,Javascript,Jquery,Button,Dialog,Click,好的,我得到了这个密码: $(document).ready( function() { $(".dialogDiv").dialog({ autoOpen: false, modal: true, position: [50, 50], buttons: { "Print page": function() {
$(document).ready(
function() {
$(".dialogDiv").dialog({
autoOpen: false,
modal: true,
position: [50, 50],
buttons: {
"Print page": function() {
alert("Print");
},
"Cancel": function() {
$(this).dialog("close");
}
}
}
);
$('.ui-dialog-buttonpane button:contains("Print page")').attr("id", "dialog_print-button");
$(".dialogDiv").parent().appendTo($('form'));
}
如何为单击事件分配或设置新功能
$(“对话框打印按钮”)
编辑,这项工作:
$("#dialog_print-button").unbind("click").click(
function () {
alert("new function that overide the old ones")
}
)
试图在jQuery文档中找到如何做,但我认为在文档中很难找到。尤其是在不熟悉javaScript和jQuery库时
编辑,获取帮助的一种快速方法是转到jQuery irc频道:D
$("#Print page").click(function () {
...
});
或者应该是这样
$("#dialog_print-button").click(function () {
...
});
我认为这将有助于:
$(".dialogDiv").dialog("option", "buttons", {
"Print page": function() { /* new action */ },
"Cancel": function() { $(this).dialog("close"); }
});
由于
按钮
属性设置了所有按钮,因此必须包含取消
按钮处理程序。将代码放入按钮部分:
...
buttons: {
"Print page": function() {
//here you execute the code or call external functions as needed
}
单击对话框上的按钮后,将自动调用该代码。
因此,您可以直接在那里插入实现逻辑的代码。jQuery UI对话框按钮现在本机支持“id”属性
$("#dialog-form").dialog({
autoOpen: false,
height: "auto",
width: 300,
buttons:
[
{
text: "Create Revision",
id: "btnCreateRev",
click: function () {
//code for creating a revision
}
},
{
text: "Cancel",
id: "btnCancel",
click: function () { $(this).dialog("close"); },
}
]
});
为什么最初不想使用正确的函数?
$(“#对话框_打印按钮”)。单击(函数(){alert(“新打印函数”)}代码>这是一个老问题,但这实际上只是重申了OP发布的内容。