日期选择器显示在一个页面中但不在另一页面中？ [关闭]答案

【问题标题】：Date picker is displaying in one page but not in the other? [closed]日期选择器显示在一个页面中但不在另一页面中？ [关闭]
【发布时间】：2016-05-30 06:09:46
【问题描述】：

我正在为日期选择器使用以下代码：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
<p>Date: <input type="text" id="datepicker"></p>

令人惊讶的是，它在其中一个页面上运行，而不是在另一个页面上运行。为什么？

【问题讨论】：

控制台中的任何错误在另一个页面中无法正常工作？
显示你的第二页源代码。
为什么这个问题被标记为php？
可能是一些js冲突..
您应该在浏览器控制台中检查它不工作的页面。

标签： jquery html jquery-ui jquery-ui-datepicker

【解决方案1】：

这可能是因为您在代码中使用了 jQuery，而您没有正确添加 jQuery 或不同 JS 之间的冲突。（您可能错过了在第二页添加 jQuery）

检查浏览器控制台以了解错误。

【讨论】：

它是：<script src="//code.jquery.com/jquery-1.10.2.js"></script>
@NachoM。那是第一页上的，可能第二页上没有正确输入。
您的回答应该更加明确。 I.E.：“您是否也在第二页中包含您的 jQuery？”
@NachoM。添加，删除downvote。

【解决方案2】：

尝试将属性从 id 更改为 class，因为它将在其他页面上使用。 ID 属性旨在供一个目标元素使用。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
    $( ".datepicker" ).datepicker();
});
</script>
<p>Date: <input type="text" class="datepicker"></p>

【讨论】：

【解决方案3】：

也许您的日期选择器的初始化是在编写 html 之前发生的（在文档准备好之前）。

代替：

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>

试试这个：

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

【讨论】：

我试过了。没用。
两者都是一样的..$(document).ready(function()可以写成$(function()
谢谢你的澄清，我不知道@Sanchit ;)

【解决方案4】：

你可以试试

<script>
var $j = jQuery.noConflict();
$j(document).ready(function() {
  $j(function() {
    $j( "#datepicker" ).datepicker();
  });
});
</script>

【讨论】：

【解决方案5】：

您需要在link 和script 标签的url 中的//code 之前添加http:。

【讨论】：

现在不需要了。