jquery - 如何将 Jeditable 与 hoverintent 一起使用

Question

我想使用 hoverIntent(plugin) 事件使我的字段可编辑。因此，用户将鼠标悬停在某个字段上大约一秒钟，该字段就会以编辑模式显示。我尝试了几种方法，但都没有奏效。有什么建议么？以下是我尝试的方法：

方法 1 - 使用 JEditable 插件参数（无法弄清楚设置）

 $('.dle_textfield 17').editable('http://www.example.com/save.php', {
     indicator : 'Saving...',
     plugin: function (settings,original){
     var config={
       over:function(){},
       interval:500,
       out:function(){}
     }  
       $('.dle_textfield 17').hoverIntent(config);
     }
 });

方法 2 - 使用 hoverintent 和 hover 事件

*此方法有效，但需要触发辅助悬停事件（用户悬停在场地外和返回场地）。这是一种糟糕的用户体验。我希望鼠标不必移动并变得可编辑。

var config={
  over:test,
  interval:500,
  out:function(){}
}   
function test() {
   $('.dle_textfield.17').attr('class','edittest 17');
   $('.edittest.17').live('hover',function(){
        $('.edittest.17').editable('http://www.example.com/save.php', {
          indicator : 'Saving...',
          event:'hover'
         });
    });
 }

$('.dle_textfield').hoverIntent(config);