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 

} 


});