javascript - 如何更改或删除 masonry 无限滚动上的蓝色加载动画？ [ bean 瓣]

Question

我正在尝试更改我的 Tumblr 主题上的加载进度条动画，使其看起来比我在其上实现 masonry 无限滚动的容器上的常规蓝色加载条更好。

我更喜欢使用我使用 cssload.net 创建的加载栏动画，但我也愿意删除或隐藏加载栏。我自己尝试过弄乱它，但我对 javascript 或 jquery 一无所知。

这是我的无限滚动的代码。

{block:indexpage}
{block:NextPage}

<div id="page-nav"><a href="{NextPage}"></a></div>

{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>


<script type="text/javascript">

$(window).load(function(){
var $wall = $('#container');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry, .entry_photo',
isAnimated : true
});
});
 
$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.entry, .entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infsrc-loading').hide('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').hide(500);
});

</script>
{/block:indexpage}

我自己没有编写这段代码，我将其从我过去使用过的基本主题中提取出来，并将其放入我为自己制作的自定义主题中。

我尝试为 #infscr-loading 添加 CSS 标签来隐藏它，但没有成功。

抱歉，如果这个问题看起来不清楚，我对编码非常陌生(这是我的第一个主要项目)，而且我只了解 HTML 和 CSS 的基础知识。

这是我网站的链接:http://www.katting.tumblr.com

我还尝试按照this answer中给出的步骤进行操作但我也没有运气......而且它似乎只是破坏了我的代码。

Answer 1

尝试添加此 CSS 类。

#infscr-loading {
    display: none !important;
}