JQuery JEditable插件焦点通知回调函数

Question

我想在创建“可编辑输入”框后立即附加事件。 据我所知，这是一个“模糊”但没有重点。 有谁知道一种快速的方法来做到这一点？

Answer 1

有多种方法可以实现，但是自定义输入是一种。 您可以执行以下操作：

$.editable.addInputType('textarea_hover', {
    element : $.editable.types.textarea.element,
    plugin  : function(settings, original) {
        $('textarea', this).bind('focus', function() {
            /* Do something on focus. */
        });
    }
});

然后像这样调用Jeditable：

$('.edit_area').editable('http://www.example.com/save.php', { 
    type      : 'textarea_hover',
    cancel    : 'Cancel',
    submit    : 'OK'
});

Answer 2

默认情况下，该插件在click事件上起作用，因此请尝试$（selector）.editable（options）.click（function（）{foo（）;}）;

Answer 3

根据您要执行的操作，可以将click事件绑定到可编辑元素，而不是onfocus：

$(document).ready(function() {
  $('.edit').editable('http://www.example.com/save.php');
  $('.edit').click(function () { ... }
});