jquery弹出消息光标

Question

经过一些建议。我有一种工具提示类型的东西，但不完全。我有一个网站，遍布各地的链接。点击这些链接时，它们会在页面底部加载一个ajax表单。一旦加载，页面向下滚动到表单，有时可能会离开屏幕的底部。一切都很好。

当你点击一个链接时，会有一些延迟，当我想要做的是在光标所在的位置出现一个小的“加载”消息，固定到光标，然后向下滚动到加载的形式。

有什么想法吗？

Answer 1

我已经在这个fiddle的代码中为您解答了这个问题。它包括HTML和JavaScript以在您的ajax调用执行时显示/隐藏工具提示。

这里是jQuery部分，看看它是如何工作的。

$("#ajaxLoader").click(function() { 
    $("#loading").show(); 

    $.ajax({ 
     settings etc. 
     success: function() { 
      $("#loading").hide(); 
     } 
    }); 

}); 

$("HTML").mousemove(function(e) { 
    $("#loading").css({ 
     "top" : e.pageY, 
     "left" : e.pageX + 15 
    }); 
}); 

Answer 2

你.ajax()叫你可以在beforeSend

剩下的就是在这个岗位补充一下：How do you make a picture follow your mouse pointer with jquery?

Answer 3

比方说u必须为其加载，链接所有链接一个共同的类。

$('.loading-link').click(function(){ 
$(this).before('<div class="loading">Loading</div>'); 
// Adjust the position here 

// your ajax stuff 
$.ajax() .... 

.... 
success:function(){ 
$('.loading').remove(); 
// scroll to bottom 

} 


});