JQuery DatePicker от частичного не работает - PullRequest
Новая
       13

JQuery DatePicker от частичного не работает

0 голосов
/ 22 апреля 2011

Привет, у меня есть DatePicker, который работает в одиночку, код как: 

 <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');

Проблема в том, что средство выбора даты никогда не появляется, независимо от того, что я пытался, это для меня вот уже 3 дня.

Какова точная проблема, препятствующая правильной работе jquery ui datepicker ?? +

Заранее спасибо за помощь.

1 Ответ

1 голос
/ 22 апреля 2011

  1. какой текст ввода вы используете datepicker?Я видел, что у вас есть 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
    });    
});

Когда вы используете сборщик данных после загрузки части, вы должныперепривязать, но функция 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
    });
});
...