要从函数中禁用jQuery对话框中的按钮,可以使用以下代码:
$(function() {
$("#dialog").dialog({
buttons: [
{
text: "确定",
click: function() {
// 在这里添加你的确定按钮的操作
}
},
{
text: "取消",
click: function() {
// 在这里添加你的取消按钮的操作
}
}
]
});
// 禁用确定按钮
$("#dialog").parent().find("button:contains('确定')").button("disable");
});
这段代码首先创建了一个jQuery对话框,并在其中添加了两个按钮:确定和取消。然后,使用$("#dialog").parent().find("button:contains('确定')").button("disable");
代码来禁用确定按钮。这将使按钮变为灰色并禁用点击操作。
请注意,这个代码示例使用了jQuery UI库,因此需要在页面中引入该库。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SimpleModal Basic Modal Dialog </title>
<link type='text/css' href='css/demo.css' rel='stylesheet' />
<link type='text/css' href='css/box.css' rel='stylesheet' />
</head>
<body>
领取专属 10元无门槛券
手把手带您无忧上云