Question

我有这个jquery函数，只要按下类型按钮就打开一个模态＆＃39; btnClr＆＃39;

$(document).ready(function () {
                $('#[id*=btnClr]').onload(function () {
                    $dialog.dialog('open');
                });

                var $dialog = $("#trUI").dialog({
                    autoOpen: false,
                    title: "Edit Configurations",
                    width: "auto",
                    buttons: {
                        "Submit": function (e) {
                            AddKeyValue();
                            $(this).dialog('close');
                        },
                        "Cancel": function (e) {
                            ClearKeyVal();
                            $(this).dialog('close');
                        }
                    }
                });
            });

我试图将其移动到一个函数中，以便在调用该函数时打开它，而不是在任何时候单击该按钮。

我能用这段代码实现这个目标

function modalOpen() {

                        var $dialog = $("#trUI")
                            .dialog({
                                title: "Edit Configurations",
                                width: "auto",
                                buttons: {
                                    "Submit": function(e) {
                                        AddKeyValue();
                                        $(this).dialog('close');
                                    },
                                    "Cancel": function(e) {
                                        ClearKeyVal();
                                        $(this).dialog('close');
                                    }
                                }
                            });
            }

但是，任何一个按钮只能工作一次。

有人对如何做到这一点有任何建议吗？

Answer 1

我相信你的问题是你也没有打开＆＃34;对话框。移动$ dialog.dialog（＆＃39;打开＆＃39;）;进入你写的新函数，所以无论何时调用它都会打开它。

Answer 2

我能够让它运转起来。这是代码中的一个小小的变化。我不得不改变的是对话的调用（＆＃34;打开＆＃34;）

 // some function{
$("#trUI").dialog('open'); //instead of $dialog.dialog("open")
}

$(document).ready(function () {
                $("#trUI").dialog({
                    autoOpen: false,
                    title: "Edit Configurations",
                    width: "auto",
                    buttons: {
                        "Submit": function (e) {
                            AddKeyValue();
                            $(this).dialog('close');
                        },
                        "Cancel": function (e) {
                            ClearKeyVal();
                            $(this).dialog('close');
                        }
                    }
                });
            });

在函数调用中打开模态而不是.click（）

2 个答案: