1

有没有办法可以使用基于 jQuery UI 的模态对话框进行确认，而不是使用普通的 JS 确认（）？我希望能够做类似的事情：

if (jquery_ui_confirm('Are you sure?')) {
    // do something
}

提前致谢。

4

3 回答 3

4 
var jqConfirm = function(msg, success) {
    var dialogObj = $("<div style='display:none'>"+msg+"</div>");
    $("body").append(dialogObj);
    $(dialogObj).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "OK": function() {
         success();
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  };

使用调用此函数

jqConfirm("This will delete all records", function(){ /*do something here */});
于 2013-05-24T10:35:47.250 回答
0

是的，您可以..您可以向对话框提供所需的 html

<script>
$(function() {
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "OK": function() {
                $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
        }
    });
});
</script>

HTML 代码

<div id="dialog-confirm" title="Confirmation Dialog">
    <p>
        <span class="ui-icon ui-icon-alert"
            style="float: left; margin: 0 7px 20px 0;"></span>Would you like to delete this item?
    </p>
</div>
于 2013-05-24T10:34:54.573 回答
0

您也可以使用 Jquery Alert 插件。这是一个链接： http: //labs.abeautifulsite.net/archived/jquery-alerts/demo/

于 2013-05-24T10:34:56.860 回答