Question

完全混淆为什么这不起作用......我收到的错误是：

0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法'datepicker'

Master.master

<head id="head1" runat="server">
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/jquery-ui.js"></script>

    <script language="javascript">
        $(function () {
            $("#ctl00_cphMain_txtExpDate").datepicker();
        });
    </script>
</head>

Page.aspx

<asp:TextBox ID="txtExpDate" runat="server" Visible="true" ReadOnly="false"></asp:TextBox>

当页面加载时，我立即收到JavaScript错误。但是当我查看源代码时，一切看起来都很好：

从浏览器中查看来源

<input name="ctl00$cphMain$txtExpDate" type="text" id="ctl00_cphMain_txtExpDate" />

它在JSFiddle中运行时没有错误，甚至显示了选择器弹出窗口。是什么导致错误？这是一个C＃ASP.NET Web应用程序。

JSFiddle - http://jsfiddle.net/ncojuu21/

Answer 1

您必须使用<script type="text/javascript">而不是<script type="javascript">来调用脚本。将$("#ctl00_cphMain_txtExpDate")替换为$("#<%=txtExpDate.ClientID%>")

Answer 2

此错误是由于我的MasterPage具有重复的jQuery引用。删除一个引用并且现在.datepicker（）工作正常后，问题得以解决。

ASPX页面上的jQuery Datepicker（）

2 个答案: