jQuery日期选择器未加载

Question

jQuery日期选择器未加载

3

我有一段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的新手。请帮忙！谢谢。

我想通了。原来是我的jQuery副本已损坏。谢谢大家！

- wiseman7687

顺便提一下，我使用了一个我喜欢的日期选择器，但它不能与任何高于1.4.4版本的jQuery一起使用，所以这可能是问题所在。 - Mario Lurig

我很想展示一个演示，但由于公司政策，这是一个内部网站，无法展示。我为此感到非常沮丧，因为我正在为这样的小事情苦苦挣扎哈哈。 - wiseman7687

我知道了，我想我的 Jquery 副本可能出现了某些问题。 - wiseman7687

3个回答

2

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

- ggzone

啊，你说得对，那应该是语法。我确实像那样改了，但它仍然无法加载。有什么原因吗？ - wiseman7687

也许还有其他原因，比如JavaScript错误，请先倒转您的JavaScript包含顺序，先包含jQuery再包含jQuery UI... - ggzone

抱歉，我逐行粘贴了它们。实际上在脚本中是相反的。我可能需要在脚本包含之后加载CSS吗？ - wiseman7687

我解决了。这是因为我的 jQuery 副本已经损坏了。谢谢大家！ - wiseman7687

1

您正在使用自定义版本的jQuery（1.8.16.custom.min.js）。

请确保在您的自定义JavaScript文件中包含日期选择器小部件。

请记住，日期选择器位于小部件组内：http://jqueryui.com/download

- bsnux

我只下载了日期选择器，所以它显示为定制化。 - wiseman7687

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Vikk · Accepted Answer

在引入 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>

编辑：

在我的本地机器上运行正常（即显示datepicker没有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包有问题。