Php easy autocomplete在输入框类上不起作用

我有一个输入框，我已经应用了easy autocomplete，在一个类的帮助下，我添加了输入按钮，点击该按钮，它会添加一个具有相同输入框的多个输入框，我可以添加尽可能多的输入框，但easy autocomplete并没有处理所有添加的输入框，它们具有相同的类

var options = {     
            url: function (phrase) {
                return "all_social_media.php";
            },
            getValue: function (element) {
                return element.name;
                conole.log(element.name);
            },
            ajaxSettings: {
                dataType: "json",
                method: "POST",
                data: {
                    dataType: "json",
                }
            },
            preparePostData: function (data) {
                data.phrase = $(".social_media").val();
                return data;
                console.log(data);
            },
            requestDelay: 400,
                list: {
                onSelectItemEvent: function() {
                }
            }
        };
        $(".social_media").easyAutocomplete(options);

---

找到解决方案后，我不得不重写代码，轻松自动完成代码时动态生成的文本框

//create new socials and expenses fields
$("#add_socials").click(function(){
    var html_data = $('<div class="row" style="margin-top:10px;"><div class="col-md-5"><input type="text" class="form-control social_media" placeholder="Enter Social Media" name="social_media"></div><div class="col-md-5"><input type="text" class="form-control social_media_expenses" name="social_media_expenses"  placeholder="Enter Expenses"></div><div class="col-md-2"><button type="button" class="btn btn-icon btn-danger mr-1" onclick="delete_socials(this)"><i class="fa fa-times"></i></button></div></div>');
    $(".add_social_data").append(html_data);

    // easy auto complete is not working on dynamic generate text box, need to do this again
    var options = {     
        url: function (phrase) {
            return "all_social_media.php";
        },
        getValue: function (element) {
            return element.name;
            conole.log(element.name);
        },
        ajaxSettings: {
            dataType: "json",
            method: "POST",
            data: {
                dataType: "json",
            }
        },
        preparePostData: function (data) {
            data.phrase = $(".social_media").val();
            return data;
            console.log(data);
        },
        requestDelay: 400,
            list: {
            onSelectItemEvent: function() {
            // get_order_id = $("#order_line_entry").getSelectedItemData().order_id;
            // console.log(get_order_id);
            }
        }
    };
    $(".social_media").easyAutocomplete(options);
    html_data.find('.social_media').easyAutocomplete(options);
});

//创建新的社交和费用字段
$（“#添加社交”）。单击（函数（）{
var html_data=$（''）；
$（“.add_社会数据”）.append（html_数据）；
//easy auto complete无法在动态生成文本框上工作，需要再次执行此操作
变量选项={
url:函数（短语）{
返回“all_social_media.php”；
},
getValue:函数（元素）{
返回element.name；
conole.log（element.name）；
},
Ajax设置：{
数据类型：“json”，
方法：“张贴”，
数据：{
数据类型：“json”，
}
},
preparePostData:函数（数据）{
data.phrase=$（“.social_media”）.val（）；
返回数据；
控制台日志（数据）；
},
请求延迟：400，
名单：{
onSelectItemEvent:函数（）{
//get#order_id=$（“#order_line_entry”）.getSelectedItemData（）.order_id；
//日志（获取订单id）；
}
}
};
$（“.social_media”）.easyAutocomplete（可选）；
html_data.find（'.social_media'）.easyAutocomplete（选项）；
});

---

对我来说，它很好用。

到目前为止你都试过什么？我们能看看你的代码吗？你能提供一些代码吗？你试了什么？您是如何初始化autocomplete类的？请提供您尝试过的任何代码。请发布您当前的代码变量选项={url:function（短语）{return“all_social_media.php”}，getValue:function（element）{return element.name；conole.log（element.name）；}，ajaxSettings:{dataType:“json”，方法：“POST”，数据：{dataType:“json”，}，preparePostData:function（data）{data.phrase=$（“.social_media”）.val（）；返回数据；}，requestDelay:400，列表：{onSelectItemEvent:function（）{}；$（“.social_media”）.easyAutocomplete（可选）；