javascript - マウスアウトイベントを正しくキャッチする方法は？

Question

私は次のコードを持っています：

<div class='no_translate'>Not translated</div>

そして、マウスオーバー/マウスアウトイベントの次のコード：

            $('.no_translate').mouseover(function() {
                $(this).empty();
                var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
                $(this).html(field);
            });

            $('.no_translate').mouseout(function() {
                $(this).empty();
                $(this).html('Not translated');
            });

単純なテキストを入力フィールドに変換して戻したい。しかし、少し問題があります。カーソルを新しいフィールドに移動すると（そこから出ないでください）、このフィールドは単純なテキストに変換されて何度も戻りますが、そこから出ていないので理解できません。どうしたの。教えてください。前もって感謝します。

Answer 1

JSFiddleコード例

$('.no_translate').hover(function() 
{
    $(this).empty();
    var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
    $(this).html(field);
},
function() 
{
    $(this).empty();
    $(this).html('Not translated');
});

Answer 2

$("element").hover(
  function () {
        hover code
  }, 
  function () {
     hover out code.
  }
);

鋼に問題がある場合は、コードをjsfiddleするだけです...

Answer 3

これが実用的なフィドルです：http：//jsfiddle.net/surendraVsingh/vvbnE/

Jqueryコード：

 $('.no_translate').hover(function() {
                $(this).empty();
                var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
                $(this).html(field);
 }, function(){
         $(this).empty();
        $(this).html('Not translated');
 });

Answer 4

これを試して

$(function(){
    $('.no_translate').hover(function() {
        $(this).empty();
        var field="<form method='POST' action=''><input name='a' type='text'/></form>";
        $(this).html(field);
    },
    function() {
        $(this).empty();
        $(this).html('Not translated');
    });
});

デモ。