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

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

本文关键字：jQuery 函数 加载 Net 母版页      更新时间：2023-09-26

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

jQuery安装正确，智能感知工作，但jQuery代码不起作用。

这是我的母版页 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>

您正在尝试在标头上运行 jQuery 函数

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

但你只在正文中导入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>
相关文章：