2015-01-02 25 views
0

我想通过单击工具栏内的一个div来触发警报,但是我无法运行jQuery函数。在尝试在.Net主页面中使用jQuery函数之前加载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> 
+2

你的脚本必须发生在jQuery加载的地方之后。 – JLRishe

+0

为什么这是c#? – mybirthname

回答

4

您正在尝试在

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

运行jQuery的功能,但在身体,你只导入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> 
+0

可能是这个问题...给一个尝试芽.. –

相关问题