javascript - 通过游标的 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
    });
});