JQuery不工作

Question

我想在我的网页中实现JQuery，但我无法成功实现它。

我有一个母版页

在那里我增加了一个脚本，对于已经使用谷歌

托管的jQuery这在母版页本身编码菜单栏

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 

现在我想实现一个Jquery来将css visibility属性设置为true或false。 放入我的content page相同的母版页。

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#lnkAddMore").click(function(){ 
       alert(); 
        } 
       ); 
      }); 
     </script> 

该html控件位于我的UpdatePanel之下。 我不知道为什么它不工作？ 我在UpdatePanel下使用这个控件。

<input type="button" id="lnkAddMore" value="Add More" /> 

我试图用它在我的更新 面板外它在UpdatePanel中

我觉得这是使用它与一个UpdatePanel

问题成功但 没有运行

这是我的网页来源

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 


    <link href="../../Css/Domain.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#lnkAddMore").click(function(){alert();$('#h').hide(100);}); 
      $('#h').show(100); 
     }); 
    </script> 


     <asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <div id="divDomain" runat="server"> 
<asp:gridview/> 
       <div style="text-align:right;"> 
        <input type="button" id="lnkAddMore" value="Add More" /> 
       </div> 
      </div> 

 </ContentTemplate> 
    </asp:UpdatePanel> 

Answer 1

我已经使用jQuery和UpdatePanels两种方法。

首先是这样的： jQuery $(document).ready and UpdatePanels?

其他的方法，我在里克施特拉尔的博客上发现（http://www.west-wind.com/Weblog/posts/154797.aspx）这是做这样的事情在后面的代码：

ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "alertScript", 
    @" $(document).ready(function(){ 
      $("#lnkAddMore").click(function(){ 
      alert(); 
       } 
      ); 
     });", true); 

检查了这一点的另一个例子：Problem with ScriptManager.RegisterClientScriptBlock and jQuery in Internet Explorer 8

也看看jQuery的live()事件订阅。

Answer 2

你真的有嵌套<script>标签，抑或是一个错字？

<script type="text/javascript"> 

<script type="text/javascript"> 

如果这不是一个错字，那么这可能是问题所在。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#ddmenu > li').bind('mouseover', ddmenu_open) 
     $('#ddmenu > li').bind('mouseout', ddmenu_timer) 
    }); 

    $(document).bind('click', ddmenu_close); // do you really want to close on any click? 
</script> 

Answer 3

检查您的按钮的ID实际上并没有得到改变为类似

ctl00_ContentPlaceHolder1_lnkAddMore 

因为它驻留在内容占位符母版页。

如果是这样，你必须调整你的JQuery。