javascript - 如何更改或删除砖石无限滚动条上的蓝色加载动画？ [微博]

Question

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

我更愿意使用我使用 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;
}