Question

我在静态HTML页面上成功使用了JQuery editInPlace插件。

当Ajax调用注入HTML时，它不能使用相同的HTML。

我理解使用.on（），例如'$（'。edit_inplace_field'）。on（...）'应该有助于解决问题，但我不确定应该如何为此特定措施做到这一点插入。

插件：http://code.google.com/p/jquery-in-place-editor/

工作的静态HTML代码如下所示：

<p id="name_id" style="background-color: transparent; 
      "class="edit_inplace_field">Enter Name</p>

与静态HTML一起使用的关联脚本：

$('.edit_inplace_field').editInPlace({
    callback: function(unused, enteredText) { return enteredText; },
// url: './server.php',
show_buttons: false
});

非常感谢帮助。

Answer 1

使用以下信息：
戴夫豪恩斯坦 - jquery现场api和由 2.使用http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_live_newel上的示例我解决了上述问题。

上面使用的事件是点击事件。考虑到这一点，解决方案：
将上面的jquery代码放在.live（）函数中：

$('.edit_inplace_field').live("click",function() {  
             // --> code from above here, object is replaced by $(this)
     $(this).editInPlace({
         callback: function(unused, enteredText) { return enteredText; },
         show_buttons: false
    }); // --<
});

评论：如果使用更高级的jQuery 1.7+版本，建议使用.on（）函数。请参阅here why。

在Ajax上使用JQuery editInPlace注入HTML

1 个答案: