выбрать onfocusin сделать что-то не работает

Question

Я пытаюсь использовать AJAX для загрузки некоторых входов & выбирает, что показывает позже на странице. Я делаю что-то вроде этого.

<input type='product' alt='2'/> 

$("input[type='product']").on("focusin", function(){ 
    var product_type_ids = $(this).attr('alt'); 
    $(this).autocomplete({ 
     // ajax load the information here 
    }); 
}); 

<select type='product' alt='2'/> 

$("select[type='product']").on("focusin", function(){ 
    var product_type_ids = $(this).attr('alt'); 
    // some codes here 
}); 

результат OK для выбора и входов, которые существуют с начала рендеринга страницы, но не для элементов, которые появились позже. Кто-нибудь знает, что здесь происходит? благодаря!

Answer 1

Это событие делегации. Измените свой селектор.

$("body").on("focusin", "input[type='product']", function(){ 

$("body").on("focusin", "select[type='product']", function(){ 

Это позволит событию элемента распространяться на статический родительский элемент, такой как «тело» в этом случае. Это будет работать и для всех будущих элементов.