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

Допустим, у вас есть общий класс для всех ссылок, который является 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

}


});

Answer 3

по вашему .ajax() звонку вы можете добавить что-то в beforeSend

остальное в этом посте: Как сделать так, чтобы изображение следовало за указателем мыши с помощью jquery?