Javascript jQuery未检测到动态html

我有一系列文件夹，它们使用VueJS for循环表示为链接，其中包含从API提取的数据。对于每个链接，我都使用一个名为x-editable的库来编辑名称。本质上，当您单击具有已定义属性的链接时（假设您通过editable（）实例化，它将弹出一个窗口）

我发现，如果我创建一个虚拟链接（在for循环之外）并将实例化包含在document.ready块中，它就可以正常工作：

编辑：请注意，ready:function（）是在Vuejs路由器中定义的自定义document.ready函数

ready: function() {
    jQuery.fn.editable.defaults.mode = 'popup';
    jQuery('.editable').editable();
},

但是，单击动态生成的链接时，它们都不起作用。我的猜测是jQuery根本没有检测到它们，因为它们不是在加载文档时生成的

收到数据并将其分配给Vue后，我尝试调用editable：

//Folders
this.$http.get('/api/folders').then(function(response) {
    this.state.folders = response.data;
    jQuery('.editable').editable();
});

---

然而，这似乎也不起作用。我了解到您可以使用.on（）绑定事件，它将处理生成的元素。然而，.editable（）并不是一个真正的事件（我认为）。有没有办法解决这个问题？

对于动态生成html，在生成html后，需要调用

jQuery（'.editable'）.editable（）

在DOM中添加新元素后，你能有一个回调吗？在那里你可以对它们调用

editable（）

。@ArunPJohny我更新了我的帖子，但是，当文档准备就绪时，会调用ready函数。@mdobrenko-您确定使用

this.state.folders=response.data

在回调中添加的新元素具有class

可编辑的属性吗？因为如果它们不这样做，它们将不会发生任何事情。@mdobrenko-我唯一能想到的是，VueJS（我不熟悉）可能也在异步处理新数据，因此可能需要将
jQuery（'.editable'）.editable（）
移动到VueJS回调。