选择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 
}); 

的结果是选择和投入，从页面呈现的开始存在，但不是元素后出现了确定。有人知道这里发生了什么吗？谢谢！

Answer 1

这是事件代表团。改变你的选择器。

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

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

这将允许元素的事件传播到静态父级，如本例中的“body”。这对于所有未来的元素来说也是一样。