Question

此代码添加了一个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;"/>

但我想使用this throbber by function

这是我正在尝试的代码

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()

的等价性是什么

Answer 1

有悸动者！那是一直有的。一个白色throbber在白色背景中。隐藏。

停止它是在throb.stop();上添加success:的问题（$('#loader').hide();在上面的代码中）。

Throbber.js很甜蜜。

通过start（）函数而不是show（）元素添加throbber

1 个答案: