在 .Net 母版页中尝试使用 jQuery 函数之前加载 jQuery

Question

我想通过单击工具栏中的一个 div 来触发警报，但我无法运行 jQuery 功能。

jQuery 安装正确且智能感知有效，但 jQuery 代码无效。

这是我的 MasterPage aspx 代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="../Styles/Style.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="head" runat="server">
    <script type="text/javascript">
        jQuery(document).ready(function () { alert('My alert'); });/// or
        $('#DivMessage').click(function () { alert('My alert'); });
    </script>
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/jquery-2.1.1.min.js" />
        </Scripts>
    </asp:ScriptManager>
    <div id="Safhe">
        <div id="header"></div>
        <div id="ToolBar">
            <div id="Messages" class="GorooheIcon">
                <div id="DivMessage" class="Icon" title="پیام های عمومی"></div>
            </div>
            <div id="Content">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <div id="footer"></div>
    </div>
</form>
</body>
</html>

Answer 1

您正试图在 header

上运行一个 jQuery 函数

<script type="text/javascript">
    jQuery(document).ready(function () { alert('My alert'); });/// or
    $('#DivMessage').click(function () { alert('My alert'); });
</script>

但您只在 body

导入 jquery 脚本

<Scripts>
        <asp:ScriptReference Path="~/Scripts/jquery-2.1.1.min.js" />
</Scripts>

解决方案：

将上面的脚本声明移至页眉或将函数移至页面末尾。

...
  </form>
  <script type="text/javascript">
      jQuery(document).ready(function () { alert('My alert'); });/// or
      $('#DivMessage').click(function () { alert('My alert'); });
  </script>
</body>
</html>

在 .Net 母版页中尝试使用 jQuery 函数之前加载 jQuery

Loading jQuery before trying to use jQuery functions in .Net masterpages

javascript

c#

asp.net

jquery