Question

我第一次使用JqueryUI。

我正在尝试弹出条件模式以提醒用户。

在我的ajax调用中，我有以下代码：

.done(function (result) {
     $('#reportData').append(result);               
     var totalColumns = '@(ViewBag.TotalColumns)';
     if (totalColumns > 10) {
        callDialog();
     }
     else {
        print();
     }
})

callDialog函数是：

function callDialog() {
        $("#dialog-message").dialog({
            modal: true,
            draggable: false,
            resizeable: false,
            position: ['center', 'top'],
            show: 'blind',
            hide: 'blind',
            width: 600,
            dialogClass: 'ui-dialog-osx',
            buttons: [{
                text: "OK",
                click: function () {
                    print();
                }
            }, {
                text: "Cancel",
                click: function () {
                    $(this).dialog("close");
                }
            }]
        });
    };

模态的HTML是：

<div style="margin-left: 23px;">
    <p>
        Some Text
    </p>
</div>

我看到的问题是模态出现，但随后迅速消失，然后调用print（）。

我希望模式出现，如果用户单击OK按钮，print（）将触发，如果用户单击取消，则只需关闭模式。

Answer 1

来自API文档：http://api.jqueryui.com/dialog/#option-buttons

使用按钮选项的方式不正确。这是工作片段：

buttons: [{
  text: "OK",
  click: function () {
    print();
  }
}, {
  text: "Cancel",
  click: function () {
    $(this).dialog("close");
  }
}]

JQueryUI模型没有按预期工作

1 个答案: