Добавить троббер функцией start() вместо элемента show()

Этот код добавляет GIF Throbber:

function glitch_player_display(arg1,arg2) {
        jQuery('#loader').show(); // show loading...
    jQuery.ajax({
        type: 'POST',
        url: ajaxglitch_playerajax.ajaxurl,
        data: {
            action: 'ajaxglitch_player_ajaxhandler',
            arg1: arg1,
            arg2: arg2
        },
        success: function(data, textStatus, XMLHttpRequest) {
            $('#loader').hide();
            var loadpostresult = '#showglitchplayer';
            jQuery(showglitchplayer).html('');
            jQuery(showglitchplayer).append(data);
        },
        error: function(MLHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });
}

и HTML:

<img src="js/ajax-loader.gif" id="loader" style="display:none;"/>

Однако я хочу использовать этот пульсирующий по функции

Это код, который я пытаюсь

function glitch_player_display(arg1,arg2) {
        var throb = Throbber();
        throb.appendTo( document.getElementById( 't1' ) );
        throb.start();
                    jQuery.ajax({//etc as above

HTML

<div id="t1" class="throb"></div>

Код throbber.js добавлен в документ.js, и я не получаю никаких ошибок в консоли, но также и не вспыхнул. Я называю это неправильно? И как только он будет назван правильно, что будет эквивалентно $('#loader').hide()?

1 ответ

Решение

Там пульсатор! Это было там все время. Белый пульсатор в белой предпосылке. Прячется.

И остановить это было вопросом добавления throb.stop(); на success: (где $('#loader').hide(); в коде выше).

Throbber.js сладок.

Другие вопросы по тегам