如何向jQuery UI对话框控件添加“是-否”按钮？单击“是”按钮，表单应提交&；单击“否”按钮时，对话框应关闭

我的网站的jQuery等。现在，我将一个文件的HTML显示在一个jQueryUI对话框模式弹出窗口中。此HTML包含一个带有提交按钮（value=“Yes”）和普通按钮（value=“No”）的表单。但是我想要的不是将这些按钮作为HTML的一部分显示在对话框中，而是在显示jqery对话框弹出窗口时将这些按钮作为参数指定给对话框。但这两个按钮的功能应该相同。也就是说，单击“是”按钮，表单应该提交，模式对话框应该关闭，单击“否”按钮，模式对话框应该关闭。简言之，我想从HTML中删除这些按钮，并直接关联到对话框模式。为了供您参考，我在下面列出了HTML代码和对话框弹出代码

<div id="favouriteQuestion" class="c-popup" style="display:none;">
  <div class="error_msg" id="report_error" style="text-align:center; margin-top:5px;">
  </div>
  <div class="clear"></div>  
  <form name="add_favourite_question_form" id="add_favourite_question_form" class="login_box" method="post" action="{$site_url}favourite_question.php">
    <input type="hidden" name="form_submitted" id="form_submitted" value="yes"/>
    <input type="hidden" name="op" id="op" value="add"/>
    <input type="hidden" name="fav_que_id" id="fav_que_id"/>
    <table class="trnsction_details" width="100%" cellpadding="5">
      <tbody>    
        <tr>
          <td>
            <p>Do you want to add this question as your favourite question?</p>
          </td>
          <td></td>            
        </tr>
        <tr>
          <td colspan="2">
            <input type="submit" name="yes" value="Yes" class="add_fav_que_yes" class="buttonin"/>
            <input type="button" name="no" value="No" class="add_fav_que_no" class="buttonin" onclick="$('#favouriteQuestion').dialog('close')";/>
          </td>
        </tr>
      </tbody>
    </table>
  </form>  
</div>

<a href ="#" style="margin-left:300px;" class="fav_que" id="{$question_data.question_id}">Add To Favourite Question</a>

---

提前感谢。

尝试以下方法，它使用“是-否”按钮，打开“否表单”对话框关闭，打开“是”，您可以在此处应用表单提交逻辑=>//在代码中执行表单提交逻辑

function yesnodialog(button1, button2, element){
  var btns = {};
  btns[button1] = function(){ 
      element.parents('li').hide();
      $(this).dialog("close");
  };
  btns[button2] = function(){ 
      // Do Form submit logic
      $(this).dialog("close");
  };
  $("<div></div>").dialog({
    autoOpen: true,
    title: 'Condition',
    modal:true,
    buttons:btns
  });
}
$('.delete').click(function(){
    yesnodialog('Yes', 'No', $(this));
})

功能是对话框（按钮1、按钮2、元素）{
var btns={}；
btns[button1]=函数（）{
元素。父元素（'li'）.hide（）；
$（此）.dialog（“关闭”）；
};
BTN[button2]=函数（）{
//表单是否提交逻辑
$（此）.dialog（“关闭”）；
};
$（“”）。对话框({
自动打开：对，
标题：“条件”，
莫代尔：是的，
按钮：BTN
});
}
$（'.delete'）。单击（函数（）{
yesnodialog（‘是’、‘否’、$（此））；
})

现场直播-

演示-

$（'.delete'）.live（'单击'，函数（））{ yesnodialog（‘是’、‘否’、$（此））；

---

})

现在您已经在上面添加了模态框jQuery代码，那么问题出在哪里？@PratikJoshi：我不想将“是”和“否”按钮作为表单HTML的一部分（即div中的内容）。我想使用jQueryUI对话框的按钮属性分别分配这些按钮。但是功能应该是相同的。

function yesnodialog(button1, button2, element){
  var btns = {};
  btns[button1] = function(){ 
      element.parents('li').hide();
      $(this).dialog("close");
  };
  btns[button2] = function(){ 
      // Do Form submit logic
      $(this).dialog("close");
  };
  $("<div></div>").dialog({
    autoOpen: true,
    title: 'Condition',
    modal:true,
    buttons:btns
  });
}
$('.delete').click(function(){
    yesnodialog('Yes', 'No', $(this));
})