ajax中链接过去怎么清除,点击链接后取消了ajax操作

博主在尝试使用jQuery实现一个功能,当用户鼠标悬停在音符标题上时,通过AJAX调用`fastNote`获取预览,而点击后则调用`getNote`进行编辑。目前预览功能在点击编辑后停止工作。问题可能出在链接的href属性在点击事件后没有正确地回滚到预览模式。
摘要由CSDN通过智能技术生成

我对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("Notatka:
" + $("#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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值