JQuery JEditable - 如何在点击编辑时禁用答案

【问题标题】：JQuery JEditable - How to Disable on click editingJQuery JEditable - 如何在点击编辑时禁用
【发布时间】：2010-07-30 00:02:31
【问题描述】：

我想知道您是否可以在点击时阻止文本可编辑？我有一个单独的编辑按钮来使文本可编辑，这是我希望用户能够编辑文本的唯一方法，所以想要关闭点击编辑？

有什么想法吗？

【问题讨论】：

【解决方案1】：

Britt 是对的，添加一个自定义事件，例如用一个按钮触发它。这是一些解释它的代码：

自定义事件：

$('#id').editable('http://www.example.com/save.php', {
    event : 'custom_event'
});

还有触发器：

<button onclick="$('#id').trigger('custom_event');">click to trigger</button>

【讨论】：

如果您将事件用于自定义事件，这将阻止您允许鼠标悬停？
@Lutsen，非常棒的解决方案。花了一些时间来理解您的解决方案，但在它之后，它就像魅力一样工作。这么多天（大约 8 到 10 天），我一直在寻找这个答案。但后来我向 Stackover Angel 祈祷，终于找到了这个解决方案。我也赞成你的解决方案。

【解决方案2】：

创建 jEditable 字段时可以使用一个未记录的选项 event。

（它实际上并没有被记录在案，只是在 jEditable 文档页面上的一句话中提到。）

您可以使用它来更改使字段可编辑的事件。您可以使用任何 jquery 事件，甚至是自定义事件。

例如，在我的项目中，我创建了一个 edit.mode 事件，该事件使该字段可编辑，然后我可以使用按钮、热键等任何我喜欢的方式触发它。

【讨论】：