游標的jquery彈出消息

Question

經過一點建議。 我有點像工具提示類型的東西，但不完全是。 我有一個網站，到處都有很多鏈接。 單擊這些鏈接后，它們會在頁面底部加載ajax表單。 加載后，頁面將向下滾動到表單，有時可能會偏離屏幕底部。 一切都很好。

當您單擊鏈接時，會稍有延遲，而我想做的是，將一個小“正在加載”消息顯示在光標所處的位置，固定在光標上，然后向下滾動到已加載的表單，將其刪除。

有什么想法嗎？

Answer 1

我已經用小提琴的代碼為您解答了。 它包括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添加一些內容

剩下的就在這篇文章中： 你如何使用jquery按照鼠標指針制作圖片？

Answer 3

假設你有一個加載鏈接的所有鏈接的公共類。

$('.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

}


});