2011-09-10 6 views
1

jquery 용 jeditable 플러그인에 약간의 문제가있어 도움이 될만한 사람이 더 현명하기를 바랍니다. 기본적으로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 
    }); 
}) 

그래서 아무도 밖으로 마우스를 올려 놓으면 때 나는 편집 내용을 제출하고 내용을 다시 설정하는 방법 어떤 생각을 가지고? 단지 클릭 :(으로 작동하는 것 같다

JQuery와 문서에 제안 내가 마우스 오버와로 마우스를 사용합니다

답변

0

이렇게 :

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

감사합니다. 제 코드보다 훨씬 깔끔하지만 감사합니다. 나는 마우스로 밖으로 jeditable 콘텐츠 제출 제출하는 방법을 몰라? – lawlesscreation

+0

아, 자바 스크립트로 웹 양식을 제출하는 법을 알고 싶습니까? http://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit/133997#133997 – Hogan

1

onblur 옵션이 있습니다.이 옵션을 사용하면 편집중인 요소가 번일 때 동작을 지정할 수 있습니다.. 이후의 작업을 수행하려면 onblur: 'submit'을 지정하고 mouseleave에 요소를 흐리게 처리 할 수 ​​있습니다. 예 : $('.editable', this).blur().