asp.net - 为什么 jquery 在我的内容页面中不起作用

Question

为什么我的 jquery 函数在内容页面内不起作用，在我的母版页标题中，我调用了 jquery 函数代码：

<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />

在我的内容页面中，我为我的 datetimepicker 赋值

源代码 ：

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


    });
</script>

Answer 1

如果你使用的是 ASP.NET 4，你可以设置 ClientIDMode 属性，看这里

Answer 2

jQuery UI 依赖于 jQuery，意味着它使用了 jQuery 核心库函数

所以你需要包括喜欢

<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/jQueryUI.js"></script>

还要放入调试器关键字并在快速查看中查看 $(document)。如果你能找到方法，那么你已经包含了 jQuery。如果你能找到 $.datepicker() 那么你也包含了 jQuery UI。第三步是检查 $("#<%=TextBox1.ClientID %>").size() > 0

<script type="text/javascript">
debugger;
$(document).ready(function() {
$("#<%=TextBox1.ClientID %>").datepicker();
});
</script>

Answer 3

您需要确保还包括 jQuery 库，而不仅仅是 jQuery-UI 库

<script type="text/javascript" src="js/jquery-version-number.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>