jquery - Jquery 折叠效果不适用于 asp.net 控件？

Question

在 asp.net 中，我正在尝试使用 asp.net 按钮控件对 div 进行折叠效果，但它不起作用。而不是 asp.net 按钮，当我把 html 控件效果工作正常。任何机构都可以帮助我为什么它不起作用。

<script type="text/javascript" language="javascript">

$(document).ready(function() {

  $("#hide").click(function(){
     $(".target").hide( "fold", 
                 {horizFirst: true }, 2000 );
  });

  $("#show").click(function(){
     $(".target").show( "fold", 
                  {horizFirst: true}, 2000 );
  });

});
</script>

the code for buttons goes here

 <asp:Button ID ="show" runat ="server" Text ="Show" />  
 <asp:Button ID ="hide" runat ="server" Text ="hide" />   

html控件

<input type ="button" id ="show" value ="Show" runat ="server" title ="Show" />
<input type ="button" id ="hide" runat ="server"  title ="Hide" value ="Hide" />

Answer 1

如果服务器控件 ID 不是静态的，则它们可以更改，因此您必须提供将由 asp.net 生成的客户端 ID 。您可以使用 controlID.ClientID 来获取客户端 ID。

<script type="text/javascript" language="javascript">

$(document).ready(function() {

  $("#<%= hide.ClientID %>").click(function(){
     $(".target").hide( "fold", 
                 {horizFirst: true }, 2000 );
  });

  $("#<%= show.ClientID %>").click(function(){
     $(".target").show( "fold", 
                  {horizFirst: true}, 2000 );
  });

});
</script>