php - リンクをクリックした後の ajax アクションのキャンセル

Question

私はjqueryを初めて使用しますが、ユーザーがメモのタイトルにマウスを移動した後、メモの簡単なプレビューを追加したいと考えていました。しかしまた、彼らがそれをクリックした後、私は彼らにメモを編集してもらいたいと思っていました. だから私は（ php で）2つの別々のアクションを持っています - クリックと編集にはgetNoteがあり、クイックプレビューにはfastNoteがあります。それらは問題なく動作します。問題はjqueryコードにあります-すべては素晴らしいですが、リンクをクリックしてメモを編集し、戻った後、プレビューが機能しなくなりました。jqueryコードは次のとおりです。

  $(document).ready(function() {
   $(".note").mousemove(function (e) {
       link = $(this).attr('href');
       link = link.replace("getNote","fastNote");
       $(this).attr('href',link);
       $.ajax( {
        type: "GET",
        url: link,
        success: function(result) {
           $("#news2").html( result ) ;
           put_preview(e) ;
        }
      });
   }); 
    $(".note").click( function() {
        link = link.replace("fastNote","getNote");
        $(this).attr('href',link); 
    });   

    $(".note").mouseout( function() {
     $("#news2").css('display','none');
    }) ;

    function put_preview(e) {
        $("#news2").html("<b>Notatka: </b><br />" + $("#news2").html());
        $("#news2").css('background-color','yellow');
        $("#news2").css('padding-top','5px');
        $("#news2").css('text-align','center');
        $("#news2").css('border','4px dotted blue');
        $("#news2").css('width','400px');
        $('#news2').css('position','absolute');
        $('#news2').css({'top': e.pageY - 20, left: e.pageX + 20});
        $("#news2").show();
    }

});

クリックすると機能しなくなる理由がわかりません。