选择 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”。这也适用于所有未来的元素。