点击链接后取消了ajax操作

时间:2013-07-13 10:00:42

标签: php jquery ajax

我对jquery很新,但是我想在用户将鼠标移到音符标题后为用户添加快速预览。但是,在他们点击它之后,我希望他们编辑这个音符。所以我有两个单独的动作(在php中) - 点击和编辑我有 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();
    }

});

我不知道为什么它一旦被点击就停止工作。

0 个答案:

没有答案