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

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

2 个答案: