jquery - 模态加载后调用 Editable

Question

我有一个引导模式调用：

<a href='/urltoloadcontentfrom' data-toggle="modal" data-target="#driverprofile">View Driver Information</a>

页面显示如下需要可编辑的url

<a href="#" class="editable" data-type="text" data-pk="1" data-url="/post" data-title="Enter username" data-mode="inline">Link Here</a>

我需要绑定“可编辑”。我通常用

$('.editable').editable();

我尝试使用以下方法对其进行初始化：

$('#driverprofile').on('shown', function () {
      $('.editable').editable(); 
    });

但这似乎在显示内容并且未初始化之前触发。

有任何想法吗？

我正在使用的“可编辑”库：http: //vitalets.github.io/x-editable/

Answer 1

加载可编辑时，我最终执行了以下调用：

$('.modal-body').editable({selector: '.editable'}); 

这将 editable 绑定到 .modal-body ，并将其自身附加到具有 .editable 类的 modal-body 内的项目，无论其何时生成。