带有确定和取消按钮的jquery对话框

时间:2014-06-09 13:35:44

标签: javascript jquery

在jquery对话框中的

我只允许在对话框中只有一个按钮。我想在这个对话框中有两个单独的按钮

脚本

<script type="text/javascript">
                 $("[id*=btnclosejob]").live("click", function() {
                     $("#dialog").dialog({
                         title: "Job Close?",
                         buttons: {
                             Close: function() {
                                 $(this).dialog('close');
                             }

                         }
                     });
                     return false;
                 });
            </script>

HTML

<asp:Button ID="btnclosejob" runat="server" Text="Close Job"  />

      <div id="dialog" style="display: none">
            Are You Sure You Want to Close this job
      </div>

Result(只需一个按钮“关闭”,但我想要两个单独的按钮1st表示动作,第二个按钮表示关闭dailog)

enter image description here

当我点击确定按钮时,它应该重定向到其他页面

1 个答案:

答案 0 :(得分:5)

只需用逗号添加另一个按钮?

$("[id*=btnclosejob]").live("click", function() {
     $("#dialog").dialog({
         title: "Job Close?",
         buttons: {
             "Close": function() {
                 $(this).dialog('close');
             },
             "OK": function() {
                 window.location = YOUR_URL;
             }
         }
     });
     return false;
});

您可以拥有任意数量的按钮。