对话框 Jquery 不工作答案

【问题标题】：Dialog Jquery not working对话框 Jquery 不工作
【发布时间】：2015-07-08 17:21:29
【问题描述】：

index.cshtml 代码

<link href="~/Content/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#finestra").dialog({ autoOpen: false });
    });
</script>

<div>
    <p>
        JQuery Dialog Test
    </p>
    <div id="finestra" title="Test">
        <div>content</div>
    </div>
</div>

我收到0x800a01b6 - JavaScript 运行时错误：Object doesn't support property or method 'dialog' error。我添加了一个 jquery 1.11.4 参考。我检查了其他类似的问题，但找不到它导致的问题。

【问题讨论】：

听起来 jQueryUI 库没有正确加载。你检查过路径是否正确吗？此外，您似乎使用的是 jQuery 1.10.2，而不是 1.11.4
jquery-ui.js 是 1.11.4 版本...
当我开始调试时，我可以确认它正在 jquery-ui.js 中调用 "var dialog = $.widget( "ui.dialog", {" 并返回一个构造函数。在它之后到达 $("#finestra").dialog({ autoOpen: false }); ,jquery-1.10.2.js 开始执行

标签： jquery asp.net-mvc razor

【解决方案1】：

 public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        //"~/Scripts/jquery-{version}.js",
                        "~/Scripts/jquery-ui.js"));
        }

我评论了 "~/Scripts/jquery-{version}.js" 所以代码没有引用旧的 jquery 并且它有效。

【讨论】：