Question

我正在使用.load（）

动态加载元素的网站上工作

其中一些元素有一个edit_area类，用于jeditable（http://www.appelsiini.net/projects/jeditable）

loadMe.html

<div class="edit_area" id="news">
    Content to be loaded
</div>

的jQuery

$('#loadArea').load('loadMe.html');
$('.edit_area').editable('save.php', { 
    type      : 'textarea',
    cancel    : 'Cancel',
    submit    : 'OK',
    indicator : '<img src="loaderimage.gif">',
    tooltip   : 'Click to edit...'
});

由于这些元素是动态加载的，因此.ediable（）方法没有绑定到它们，我该如何解决这个问题呢？

Answer 1

$("#loadArea").load('loadMe.html', function () {
    $('.edit_area').editable('save.php', {
        //etc.

如果您在.editiable的回调中进行.load，则必须先加载这些元素。

Answer 2

$('#loadArea').load('loadMe.html', function()
{
    $('.edit_area').editable('save.php', { 
      type      : 'textarea',
      cancel    : 'Cancel',
      submit    : 'OK',
      indicator : '<img src="loaderimage.gif">',
      tooltip   : 'Click to edit...'
    });
});

Answer 3

在来自load事件的回调中，您可以使用'find'方法查找要应用'editable'的必要子元素。

Answer 4

由于您的元素是动态加载的，因此在调用代码时不一定存在。

看看.delegate

http://api.jquery.com/delegate/

在加载的元素上使用jQuery方法

4 个答案: