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

您还需要确保包含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>

Answer 2

如果您使用的是ASP.NET 4，则可以设置ClientIDMode属性，请查看here

Answer 3

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

所以你需要包括像

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

还可以输入debugger关键字并快速查看$（文档）。如果你能找到方法，那么你已经包含了jQuery。如果你能找到$ .datepicker（），那么你也包含了jQuery UI。第三步是检查$（“＃＆lt;％= TextBox1.ClientID％＆gt;”）。size（）＆gt; 0

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

为什么jquery不在我的内容页面内工作

3 个答案: