Jquery可编辑的插件代码不起作用

Question

插件的基本用法看起来很简单，但对我来说不起作用。我正在使用Firefox和Chrome。

html代码：

<div class="editable"> limited to 200 char my private messages</div>

js code：

 $('div.editable').click(function() { $this.editable();});

当我点击页面上div内的文字时，没有任何反应。

我查看了我的源代码，jquery和可编辑的JavaScript文件都在那里。

我的代码出了什么问题？

Answer 1

尝试将$ this更改为$（this） - 它需要通过jQuery。

Answer 2

我相信您可能希望立即（或$('div.editable').editable()）致电$(document).ready()，将div标记为可编辑。单击div后进入编辑模式的处理应该由插件自动完成。

否则，将$this更改为$(this)后，您可能需要再次单击两次才能进入编辑模式。或者，当重复使相同的元素可编辑时，它可能根本不起作用（这取决于插件如何处理这种情况）。

Answer 3

使用$（function（）{...你的代码在这里......}）。您使用哪个jquery插件进行编辑？ inline editor或https://github.com/tectual/jQuery-Editable，据说使用 $（this）