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

Answer 2

试试这个，它会使项目可编辑onload，只需点击一下：

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

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

在jquery加载html之后需要使用jeditable onclick

2 个答案: