Question

jquery的jeditable插件有点麻烦，并希望有人比我自己更聪明可以提供帮助。

基本上我试图在鼠标悬停时触发可编辑的功能并提交鼠标离开的任何更改...听起来很简单，但鼠标留下的位似乎没有记录得很清楚:(这是我到目前为止的有点：

$('.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

我会按照jQuery文档中的建议使用mouseover和mouseout，如下所示：

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

可以在鼠标上提交

2 个答案: