jQuery DatePicker 未加载

Question

我有一段 jQuery 由于某种原因根本无法加载。我想知道这是否是我的语法错误，或者我是否遗漏了一些对其工作至关重要的东西。这被放置在包含的页面上。

<script>
jQuery(function() {
    jQuery( "#datepicker" ).datepicker();
});
</script>
<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>
<?php echo "hello world againagain!"; ?>
</div>

这是在index.php的标头中： /css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />

<script src="<?php echo $intranetName; ?>/js/jquery_1_6.js" type="text/javascript"></script>     
<script type="text/javascript" src="<?php echo $intranetName; ?>/js/jquery-ui-   1.8.16.custom.min.js"></script>

IntranetName 加载脚本的域。它会加载脚本并在 html 源中显示正确的路径所以我不认为这是问题。但是，我仍然是 jQuery 的新手，谢谢！

我明白了，谢谢大家！

Answer 1

在 JQuery-UI 之前包含 JQuery

<script src="<?php echo $intranetName; ?>/js/jquery_1_6.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo $intranetName; ?>/js/jquery-ui-1.8.16.custom.min.js"></script>

编辑：

这在我的本地计算机上运行良好（即显示没有 css 的日期选择器）：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<script>
jQuery(function() {
    jQuery( "#datepicker" ).datepicker();
});
</script>
<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

所以它一定是您的 UI 包的问题。

Answer 2

<script>
jQuery(document).ready(function() {
    jQuery( "#datepicker" ).datepicker();
});
</script>

Answer 3

您使用的是自定义版本的 jQuery (1.8.16.custom.min.js)。

确保您在 JavaScript 文件的自定义版本中包含 Datepicker 小部件。

请记住，Datepicker 位于 Widget 组内：http://jqueryui .com/download