Добавить троббер функцией 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 сладок.