jquery - jquery 日期选择器不能通过 php 工作包括

Question

我的索引文件包含不会在任何页面上更改的布局代码。在显示页面内容的地方，我使用 GET vars 来确定要包含的 php 文件。每当我放入一个 jquery 日期选择器（http://jqueryui.com/datepicker/）时， $("ID_Name").datepicker(); 调用不执行。

这就是我正在做的事情： ./index.php ./pages/createJob.php ./pages/dealerships.php

所以用户首先加载索引，然后是createJob.php，然后调用dealerships.php。

我在 index.php 的头部有以下内容：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

然后我在dealerships.php中有这个：

<script>
    $(document).ready(function() {
        alert('foo');
        $(function() {
            $("#dealershipSaleStartDate").datepicker();
        });
        alert('bar');
    });
</script>
<input id="dealershipSaleStartDate" type="text" />

当页面加载时，我收到“foo”警报，但没有收到“bar”警报。我可以不引用特定文件中未明确显示的函数吗？好像不太对，但我能想到的就只有这个了……

Answer 1

你不需要两个 doumnet.ready 函数..删除一个

<script>
  //$(document).ready(function() {
    //alert('foo');
    $(function() {  //<--this is shorthand of document.ready function
        alert('bar');
        $("#dealershipSaleStartDate").datepicker();
    });

  //});
</script>