javascript - jquery加载html后需要使用jeditable onclick

Question

我有这样的代码，它几乎可以为我工作。html代码:

<div id="template_header">
    <span id="event_title">
        <h3 id="event_title_text">{$event.title}</h3>
    </span>
</div>

它加载了这样的 jquery 脚本:

$(document).ready(function(){
    $('#user_template').load('some_url');
});

现在我想像这样对加载的内容使用 jeditable:

javascript代码:

$(document).on('click', '#event_title', function(){
    $('#event_title_text').editable('save_data_url', {
        indicator : 'Saving...',
        cancel    : 'Cancel',
        submit    : 'OK',
        tooltip   : 'Click to edit...'
    });
})

它几乎可以工作了..我只需要在 div#event_title_text 上按两次它就会打开可编辑的输入/框等等..

我需要在第一次点击该 div 时打开它。

Answer 1

你需要使用这样的回调函数:

$(document).ready(function(){
    $('#user_template').load('some_url', function(){
        $(document).on('click', '#event_title', function(){
           $('#event_title_text').editable('save_data_url', {
               indicator : 'Saving...',
               cancel    : 'Cancel',
               submit    : 'OK',
               tooltip   : 'Click to edit...'
           });
        });
    });
});