jquery datepicker 部分不工作

Question

你好，我有一个可以完美单独工作的日期选择器，代码如下：

 <link rel="stylesheet" href="uidatepicker/themes/blitzer/jquery.ui.all.css">
    <script src="uidatepicker/jquery-1.5.1.js"></script>
    <script src="uidatepicker/jquery.ui.core.js"></script>
    <script src="uidatepicker/jquery.ui.widget.js"></script>

    <script src="uidatepicker/jquery.ui.datepicker.js"></script>
    <link rel="stylesheet" href="uidatepicker/demos.css">


    <script>
    $(function() {
        $( "#datepicker" ).datepicker({
            showOn: "both",
            buttonImage: "uidatepicker/calendar.gif",
            buttonImageOnly: true
        });
    });
    </script>


<form method="post" action="saveEvent.php">
<p>Titulo del evento:</p>
<input type="text" name="title" value=""  class="text-input medium-input datepicker"/>
<p>Descripcion:</p>
<textarea name="message"></textarea>
<p>Fecha:</p>
<input type="text" name="date" value="" id="datepicker"/>
<p>Locacion:</p>
<select name="locationId" class="small-input">
  <option value="">--- Selecciona ---</option>
            <option value="3">La charanguita</option>
            <option value="7">H20</option>
            <option value="8">Bleu</option>
      </select>
<p>Url del icono: (150x135px)</p>
<input type="text" name="smallIconUrl" value=""  class="text-input medium-input"/>

<p><input type="submit" value="Nuevo Evento" class="button"  /></p>

</form>

我从另一个文件加载它，如下所示：

    $('#EventsContent').load('partials/newEvent.php');

问题是，无论我尝试什么，日期选择器都不会出现，这对我来说已经钉了三天了。

阻碍 jquery ui datepicker 正确操作的确切问题是什么？？+

提前感谢您的帮助。

Answer 1

1. 您使用哪种输入文本日期选择器？我看到你有一个 id="datepicker " 和 class="datepicker "？

2. 我将 ' 替换为 " ，我在浏览器“IE,FireFox,GoogleChrome”中测试代码，它可以工作。

3. 我使用 JQuery 1.5.2 和jquery-ui-1.8.10，不过我觉得版本问题不大。

4.我有另一个理想，你可以在加载完整时重新绑定datepicker事件，如下所示：

$('#EventsContent').load('partials/newEvent.php', function() {
    $( "#datepicker" ).datepicker({
        showOn: "both",
        buttonImage: "uidatepicker/calendar.gif",
        buttonImageOnly: true
    });    
});

---

当你加载partial后使用datatpicker时，你必须重新绑定，但是JQuery live()函数可以帮助我们执行此操作，请参阅 http://api.jquery.com/live/

<script type="text/javascript">
    $(function () {
        $("#datepicker").live("click", function () {
            $(this).datepicker({
                showOn: "both",
                buttonImage: "uidatepicker/calendar.gif",
                buttonImageOnly: true
            }).focus();
        });
    });
</script>

而不是：

$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "both",
        buttonImage: "uidatepicker/calendar.gif",
        buttonImageOnly: true
    });
});