hoverIntent(plugin)イベントでフィールドを編集可能にしたいのですが。したがって、ユーザーがフィールドに約1秒間カーソルを合わせると、フィールドが編集モードで表示されます。私はいくつかのアプローチを試しましたが、うまくいきませんでした。助言がありますか?これが私が試したアプローチです:
アプローチ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-ホバーインテントとホバーイベントの使用
*このアプローチは機能しましたが、起動するには2番目のホバーイベントが必要になります(ユーザーがフィールドから出たり戻ったりします)。これは悪いユーザーエクスペリエンスです。マウスを動かしたり編集したりする必要がないようにしたいと思います。
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);