c# - 如何使用 asp.net 在母版页中编写内部 jquery 代码？

Question

这可能是一个简单的问题，但我做不到。我在母版页的标题中使用以下代码，但是当我将它放在从该母版页继承的其他网页中时它也不起作用。

`<script type="text/javascript">
     $(document).ready(function () {

         $("#txtdate1").datepicker();
         $("#txtdate2").datepicker();

     });


</script>`

这在单个网页中工作正常，但我不知道在 asp.net 中使用母版页时在 asp.net 中使用它。

帮助将不胜感激。

Answer 1

我猜想.. 控件的 clientID 正在更改。您可以尝试：第一种方法：

<script type="text/javascript">
  $(document).ready(function () {
   $("#'<%=txtdate1.ClientID %>'").datepicker();    
   $("#'<%=txtdate2.ClientID %>'").datepicker();

  });
 </script>

第二种方法：

  <script type="text/javascript">
    $(document).ready(function () {
     $("[id$='txtdate1']").datepicker();    
     $("[id$='txtdate2']").datepicker();        
    });
   </script>

第三种方法：

制作ClientID="Static"控件，ID将相同：

<asp:Textbox ID="txtdate1" runat="server" ClientID="Static" />

您的相同代码将起作用：

 <script type="text/javascript">
     $(document).ready(function () {

         $("#txtdate1").datepicker();
         $("#txtdate2").datepicker();    
     });
</script>

Answer 2

可以为此目的使用clientID,技术。CSS selector

例如。

$('#<%=txtdate1.ClientID%>').text();

参考：

http://www.codeproject.com/Tips/471799/jQuery-introduction-and-how-to-use-jQuery-with-ASP