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

假设你有一个所有链接的公共类，即loading-link。

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

}


});

游标的jquery弹出消息

3 个答案: