Question

我是JQuery的新用户，并尝试插入对话框，但它不起作用。

在HTML中，我声明了div和button

<input id="remove" type="button" value="Remove" />
<div id="dialog" title="DIALOG">This is dialog</div>

在JS文件“table.js”中我写道：

    $(document).on("click", "#remove", function () {
    $("#dialog").dialog("open");
});

我正在使用这样的Bundle

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-2.1.3.js",
                        "~/Scripts/jquery-2.1.3.min.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-1.8.20.js",
                        "~/Scripts/jquery-ui-1.8.20.min.js"));

bundles.Add(new ScriptBundle("~/bundles/table").Include(
                   "~/Scripts/table.js"));

然后导入_layout

@Styles.Render("~/Content/cssTable")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/table")

我错过了任何步骤或代码吗？当我单击button删除时，它不起作用，当我在浏览器中进行调试时，它也没有显示任何错误。

顺便说一下，函数click()也不起作用。

非常感谢你！

Answer 1

实际上你不能在初始化之前调用对话框上的方法。它给出了以下错误

未捕获错误：在初始化之前无法调用对话框上的方法; 试图调用方法＆＃39;打开＆＃39;

所以你需要初始化它，如下所示：

$(document).ready(function(){
$("#dialog").dialog({autoOpen:false});
});

Dialog JQuery不起作用？

1 个答案: