首页 > 解决方案 > jquery文件未在mvc应用程序的边缘加载

问题描述

我有一个 MVC 应用程序,它有一个简单的 jQuery 函数来加载部分视图,具体取决于输入参数。当我在 Chrome 中启动应用程序,或使用 Edge 启动应用程序并在 chrome 中浏览到我的本地主机时,一切正常。如果我在 Visual Studio 中作为启动浏览器浏览 Edge 中的应用程序,或者通过在 Chrome 中启动应用程序来浏览它,Edge 不会加载 jQuery 文件并忽略该功能。我在与此驱动器相同的驱动器中有另一个类似的应用程序,但我没有该问题。我猜我无意中关闭了某些东西,但我找不到或弄清楚是什么。我正在使用 VS 2017。

这是 jQuery 函数:

(function($){
$(document).ready(function(){


    var frm1 = $('#searchform');

    frm1.submit( function (e) {
            e.preventDefault();
            $.ajax({
                type: frm1.attr('method'),
                url: frm1.attr('action'),
                data: frm1.serialize(),
                success: function (data) { $('#results').html(data) }
            });
         })
}  ); // End document ready

})(this.jQuery);

这些是相关的捆绑包:

public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js",
                    "~/Scripts/custom.js"));  
\\custom.js contains the above function

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));}

我的布局页面

    <html>
<headers and css loads/>
 <body>
     <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>

        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")

    @Scripts.Render("~/bundles/bootstrap")

    @RenderSection("scripts", required: false)
</body></html>

标签: c#jqueryvisual-studiomodel-view-controllermicrosoft-edge

解决方案


推荐阅读