在模态加载后调用可编辑

Question

我有一个bootstrap模态调用：

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

该页面显示以下需要编辑的网址

<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'}); 

这将可编辑绑定到.modal-body，并将其自身附加到模态体内具有.editable类的项目，而不管其生成时间。