jQuery выбор даты не постоянный после AJAX

Question

Так что я использую jQuery date picker, и он работает хорошо. Я использую AJAX, чтобы пойти и получить некоторый контент, очевидно, когда это новое содержимое применяется, связь теряется, I learnt about this last week и обнаруживается о методе .live().

Но как я могу применить это к моему сборщику даты? Потому что это не событие, поэтому .live() не сможет помочь ... правильно?

Это код, я использую для привязки выбора даты на мой вход:

$(".datefield").datepicker({showAnim:'fadeIn',dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true}); 

Я не хочу называть это мето каждый раз мои пожары AJAX, как я хочу, чтобы сохранить, что в качестве общего, как возможное.

Приветствия :-)

EDIT

Как @nick запрошенной, ниже моя функция упаковщик получил ajax() метод:

var ajax_count = 0; 
function getElementContents(options) { 
    if(options.type===null) { 
     options.type="GET"; 
    } 

    if(options.data===null) { 
     options.data={}; 
    } 

    if(options.url===null) { 
     options.url='/'; 
    } 

    if(options.cache===null) { 
     options.cace=false; 
    } 

    if(options.highlight===null || options.highlight===true) { 
     options.highlight=true; 
    } else { 
     options.highlight=false; 
    } 

    $.ajax({ 
     type: options.type, 
     url: options.url, 
     data: options.data, 
     beforeSend: function() { 
      /* if this is the first ajax call, block the screen */ 
      if(++ajax_count==1) { 
       $.blockUI({message:'Loading data, please wait'}); 
      } 
     }, 
     success: function(responseText) { 
      /* we want to perform different methods of assignment depending on the element type */ 

      if($(options.target).is("input")) { 
       $(options.target).val(responseText); 
      } else { 
       $(options.target).html(responseText); 
      } 
      /* fire change, fire highlight effect... only id highlight==true */ 
      if(options.highlight===true) { 
       $(options.target).trigger("change").effect("highlight",{},2000); 
      } 
     }, 
     complete: function() { 
      /* if all ajax requests have completed, unblock screen */ 
      if(--ajax_count===0) { 
       $.unblockUI(); 
      } 
     }, 
     cache: options.cache, 
     dataType: "html" 
    }); 
} 

насчет этого решения, у меня есть правила .js, которые включают в себя все мои первоначальные привязки с элементами, если я должен поместить их в функцию, а затем вызывать эту функцию при обратном вызове метода ajax, таким образом я бы не повторял код ...

Хммм, мысли, пожалуйста: D

Answer 1

Вы можете сделать это следующим образом:

function createPickers(context) { 
    $(".datefield", context || document).datepicker({ 
    showAnim:'fadeIn', 
    dateFormat:'dd/mm/yy', 
    changeMonth:true, 
    changeYear:true 
    }); 
} 

Для запуска на document.ready, если у вас уже есть document.ready функцию можно назвать:

createPickers(); 

Или вы можете запустить его в it's own document.ready handle, например:

$(createPickers); 

В вашем success обратного вызова вы называете это так:

createPickers(responseText); 

Что это делает только выбрать .datefieldв предоставленном контексте (внутренне это использует .find()), так что на document.ready вы выбираете все совпадения элементы для создания сборщиков дат, но в вашем запросе ajax вы выбираете только подходящие элементы, которые только что пришли в ответ, а не создавайте дубликаты выбора даты в любом месте.

Answer 2

Первый порт захода будет читать на этот вопрос, если вы еще не:
jQuery live() failing with jQuery UI datepicker

«Я получил его привяжите к вкладкам lightbox'd при первом появлении лайтбокса, но потом он не работает ».

«Когда лайтбокс закрывается, я повторно добавляю его содержимое на страницу (чтобы не потерять содержимое div), и это, кажется, убивает вызов live()».

Answer 3

выбор даты - функция щелчка на вводе текста ввода.так что вы можете легко пойти:

$('#datepicker').live('click', function(){$(this).datepicker($.datepicker.regional['en']);})