Jeditable представить на мышь

Question

у меня были проблемы с jeditable плагином для jquery, и он надеялся, что кто-то умнее меня сможет помочь.

По сути, я пытаюсь активировать редактируемую функцию при наведении курсора мыши и отправлять любые изменения при отпускании мыши ... звучит просто, но бит отпускания мыши не очень хорошо задокументирован :( Это то, что я имею до сих пор:

$('.content').live("mouseenter", function() {
    console.log("enter");

    $('.editable', $(this)).editable(function(value, settings) {
        //do stuff
    });

}).live("mouseleave", function() {
    console.log("leave");

    $('.editable', $(this)).editable(function(value, settings) {
        //stop doing stuff
    });
})

Таким образом, у кого-нибудь есть идеи, как я могу отправить редактируемый контент и сбросить контент при отключении мыши? Кажется, он работает только одним щелчком мыши: (

Answer 1

Существует опция onblur, которая позволяет указать поведение, когда редактируемый элемент имеет значение размыто . Чтобы добиться того, что вам нужно, вы можете указать onblur: 'submit', а на mouseleave вы можете сделать элемент размытым, например. $('.editable', this).blur().

Answer 2

Я бы использовал mouseover и mouseout, как предложено в документации по jQuery, так:

$(".hoverme").live("mouseover mouseout", function(event) {
  if ( event.type == "mouseover" ) {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});