这是我的脚本,我在其中设置了按钮的文本。
$(document).ready(function () {
$("#dialog-confirm").dialog({
autoOpen: false,
modal: true,
resizable: false,
height: 150,
buttons: [
{
text: "Confirm",
click: function() {
window.location.href = targetUrl;
}
},
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}
}]
});
$(".deleteLink").click(function (e) {
e.preventDefault();
var targetUrl = $(this).attr("href");
$("#dialog-confirm").dialog("open");
});
});
这是我的HTML代码
<div id="dialog-confirm" title="Delete" >
<p><span class="ui-icon ui-icon-alert"></span>Are you sure you would want to delete?
</div>
有人能够看到这里的错误吗?我认为这可能是我的CSS,但我使用标准的bootstrap,我不能发现它有任何问题。
编辑:哦,这就是我检查时按钮的样子
<button type="button" text="Confirm"></button>
还有一张照片:
结束编辑: 所以,似乎uq 1.8.22的jquery dosn工作,但1.8.23确实如此。怎么会这样?
答案 0 :(得分:1)
更改按钮定义方式:
$("#dialog-confirm").dialog({
autoOpen: false,
modal: true,
resizable: false,
height: 150,
buttons: {
"Confirm": function() {
window.location.href = targetUrl;
},
Cancel: function() {
$(this).dialog("close");
}
}
});
取自here
答案 1 :(得分:1)
要修复按钮问题,请根据jQuery文档或我的示例更改脚本。另外,如果你想将targetUrl传递给对话框,你可以这样做:
$(document).ready(function() {
$(".deleteLink").click(function(e) {
e.preventDefault();
var targetUrl = $(this).attr("href");
$("#dialog-confirm").dialog({
autoOpen: true,
modal: true,
resizable: false,
height: 150,
buttons: {
"Confirm": function() {
window.location.href = targetUrl;
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
return false;
});
});