如何在hoverintent中使用Jeditable

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和悬停事件

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

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);