Jquery 如何在确认框中获得“是”和“否”按钮，而不是“确定”和“取消”

我对上述问题做了一些研究

我写的代码是：

function yesnodialog(button1, button2){
     var btns = {};
     btns[button2] = function(){
         $(this).dialog('close');
     };
      btns[button1] = function(){ 
          alert('Hello...');
      };
      $("<div>Are you sure you want to delete this..?</div>").dialog({
          buttons:btns
      });
}

$('body').on('click', 'button.delete-button', function() {
    yesnodialog('Yes', 'No');
});

我得到的错误是未定义的，而不是对话框附近的函数

是否有任何插件要添加以支持对话框

提前感谢

我得到的错误是未定义的，而不是对话框附近的函数

如果您正在使用其他文件中的函数，并且您正在其他页面上使用该函数，并且该函数的js文件未在页面中引用，则只会出现此错误

比如：

假设此文件有一个名为func1的函数

<script src='file1.js'></script>

因此，在这种情况下，您必须引用堆栈中的两个文件，如下所示：

<script src='file1.js'></script> // func1 is here
<script src='file2.js'></script> // now func1 can be used

您的问题解决方案： 功能是对话框按钮1，按钮2{ var btns={}； 基站[按钮2]=功能{ $this.dialog'close'； }; BTN[button1]=函数{ 提醒“你好…”； }; $是否确实要删除此..？.对话框{ 按钮：BTN }; } $'body'。单击按钮。删除按钮，函数{ “是”、“否”对话框； }; 测试试着这样做

function yesnodialog(button1, button2) {
var buttonsOptions = {};

buttonsOptions[button1] = function() {  alert(button1);  }
buttonsOptions[button2] = function() { alert(button2); }

// Define the Dialog and its properties
$("<div>Are you sure you want to delete this..?</div>").dialog({
    resizable: false,
    modal: true,
    title: "Modal",
    height: 250,
    width: 400,
    buttons: buttonsOpts
});

}

---

看起来很好-在js小提琴它的工作很好。但是如果我把它放在代码中，它就不起作用了@Niveditha你的js文件包含的stackorder是什么样子的。我在我的文件中包含了jquery.ui.js。但是我得到了同样的错误

<script src="jquery.js"></script>
<script src="jquery.ui.js"></script> //<---add this library too.

function yesnodialog(button1, button2) {
var buttonsOptions = {};

buttonsOptions[button1] = function() {  alert(button1);  }
buttonsOptions[button2] = function() { alert(button2); }

// Define the Dialog and its properties
$("<div>Are you sure you want to delete this..?</div>").dialog({
    resizable: false,
    modal: true,
    title: "Modal",
    height: 250,
    width: 400,
    buttons: buttonsOpts
});

}