我对 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();
}
});
而且我不知道为什么一旦单击它就会停止工作。