JQuery 母版页中 JQuery 和自定义代码的顺序

Question

我正在使用 ASP 母版页来包含所有 java 脚本和 jQuery 文件。我面临的问题是我的 jQuery 函数在 OrderManagement.js

$(".menu-item").click(function () {
    window.alert("some text");
});

当我点击菜单项时没有被调用。

我在主文件中的代码如下所示。

<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%: Page.Title %> My Website</title>

    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:BundleReference runat="server" Path="~/Content/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:400,700,300">
</head>
<body>
    <form runat="server">
        <asp:ScriptManager runat="server">
            <Scripts>
                <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%>
                <%--Framework Scripts--%>
                <asp:ScriptReference Name="MsAjaxBundle" />
                <asp:ScriptReference Name="jquery" />
                <asp:ScriptReference Name="bootstrap" />
                <asp:ScriptReference Name="respond" />
                <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
                <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
                <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
                <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
                <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
                <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
                <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
                <asp:ScriptReference Name="WebFormsBundle" />
                <%--Site Scripts--%>
            </Scripts>
        </asp:ScriptManager>
    <script src="Scripts/OrderManagement.js"></script>

我不确定将我的 jQuery 文件放在哪里才能正常工作。

Answer 1

您包含 jQuery 文件就好了。这是您需要调整的自定义 js 文件。在 html 文档的顶部调用 link 启动处理程序的代码，在创建菜单项之前。由于它尚未创建，因此您的处理程序不附加任何内容。您需要在您的菜单项呈现后 link 您的处理程序 调用您的函数。您可以将自定义代码放在页面底部，或者更好的是，只需使用 ready 函数：

$( document ).ready(function() { $(".menu-item").click(function () { window.alert("some text"); }); });

JQuery 母版页中 JQuery 和自定义代码的顺序

Sequence of JQuery and custom code in asp master page

javascript

asp.net

jquery

master-pages