Javascript 向jquery对话框添加添加按钮
我有一个jquery对话框,希望在满足条件时动态添加一个附加按钮 我将对话框设置为页面加载,如下所示Javascript 向jquery对话框添加添加按钮,javascript,jquery,jquery-ui-dialog,Javascript,Jquery,Jquery Ui Dialog,我有一个jquery对话框,希望在满足条件时动态添加一个附加按钮 我将对话框设置为页面加载,如下所示 $("#confirmT").dialog({ autoOpen: false, open: function() { pullResources(cat, id); }, autoResize:true, width: 800, modal: true, title: 'Select Resources',
$("#confirmT").dialog({
autoOpen: false,
open: function() {
pullResources(cat, id);
},
autoResize:true,
width: 800,
modal: true,
title: 'Select Resources',
buttons: {
Cancel: function() {$(this).dialog( "close" );}},
close: function() {
}
});
然后,当一个条件为真时,我希望它添加另一个按钮,以允许用户向数据库添加一些内容。这是我到目前为止(从jQueryUI网站上)得到的结果,但什么也没有发生。没有产生错误,只是什么都没有
if ($sub == 1)
{
?>
<script type = 'javascript'>
function addbuttons()
{
// Setter
$( "#confirmT" ).dialog( "option", "buttons",
[
{
text: "Ok",
click: function() {
//do something
}
}
]
);
}
addbuttons();</script>
<?php
}
if($sub==1)
{
?>
函数addbuttons()
{
//塞特
$(“#确认”)。对话框(“选项”、“按钮”,
[
{
文字:“Ok”,
单击:函数(){
//做点什么
}
}
]
);
}
添加按钮();
试试这个:-
首先添加按钮,然后根据条件调用javascript函数隐藏按钮
JS:-
$(function () {
$("#dialog-confirm").dialog({
resizable: false,
height: 200,
width: 500,
modal: true,
buttons: [{
text: "Delete all items",
class: "aditya",
click: function () {
$(this).dialog("close");
}
}, {
text: "Cancel",
click: function () {
$(this).dialog("close");
}
}]
});
function foo() {
$("#dialog-confirm").closest(".ui-dialog").find(".aditya").hide();
}
foo();
});
您能否尝试在jsfiddle.net中创建应用程序的这一部分?