[教程]去除无觅相关文章插件顶部的空白和版权信息

时间::2013-10-04 栏目: 技术分享 作者: ↗℡ 浮华 青春 评论: 6 点击: 7291 次

无觅Logo

跟很多童鞋一样,我也喜欢用第三方的相关文章推荐插件。不过,像友荐无觅这种相关插件他们把版权的也附带上了。今天,Kurly在给自己的网站添加无觅相关文章插件的时候就想了一下如何去掉下面的“无觅”两个字(虽然这种想法很不厚道,但是Kurly从来也不是什么高尚的人哈)。

通过观察发现包含版权的DIV的CSS是直接写在DIV标签上的。这样就无法通过页面其他的CSS对其进行“重载”,因为写在标签上的CSS的优先级是最高的,所谓“就近原则”。因此我们可以通过JS对其进行修改。

下面就讲如何去掉无觅相关插件的版权“无觅”两个字吧。使用的方法很简单,因为网站是有加载jQuery库的,所以直接使用jQuery代码去除,一行代码即可搞定。如下,代码很简单,选择包裹版权文字的DIV的类.wumii-footer,然后把它设置为隐藏即可。

$(function(){
    $(".wumii-footer").hide();
});

另外,Kurly在使用无觅相关文章插件的时候,没有显示“猜你喜欢”的标题,此时发现相关文章列表的顶部有一段较高的空白,于是,我们可以用类似的方法进行去除。也是一行代码搞定。如下,选择那个空白的层.wumii-widget-title然后把这个层隐藏即可。

$(function(){
    $(".wumii-widget-title").hide();
});
于是,两行代码即可轻松的解决无觅相关文章插件的空白和版权问题了。

$(function(){
	$(".wumii-widget-title").hide();
	$(".wumii-footer").hide();
});
当然,本方法还是有一点点小问题的,那就是如果无觅插件加载得太慢的话,可能本段代码就作用不到了。那如何解决这个问题呢?Kurly想到的是这个方法,设置一个setInterval来循环检测网页中是否已经出现了无觅版权DIV,如果没有出现就继续检测,一旦检测到了那么清除定时器同时运用前面所介绍的两行代码。

$(function(){
        // 去除无觅相关文章版权信息和顶部空白
        // http://www.yilushang.net
	var wmtimer = setInterval(function(){
		var wmLen = $(".wumii-footer").length;
		if(wmLen > 0){
			clearInterval(wmtimer);
			$(".wumii-widget-title").hide();
			$(".wumii-footer").hide();
		}
	},100);
});
另外,如果你担心哪天无觅服务器出问题了压根就不出推荐文章代码了,而你又有强迫症。那么你可以设置一个计数器,比如,当页面检测了20次还没有检测到的话,咱就不要再检测了。代码如下:

$(function(){
	var wmcounter = 0;
	var wmtimer = setInterval(function(){
		var wmLen = $(".wumii-footer").length;
		wmcounter++;
		if(wmLen > 0){
			clearInterval(wmtimer);
			$(".wumii-widget-title").hide();
			$(".wumii-footer").hide();
		}
		if(wmcounter >= 20){
			clearInterval(wmtimer);
		}
	},100);
})
注:原文转载自一路上 http://www.yilushang.net/post-327.html

声明: 本文由(↗℡ 浮华 青春)原创编译,转载请保留链接: [教程]去除无觅相关文章插件顶部的空白和版权信息

(选择后可查看结果)阅读本文后,您的心情是:
 
恶心
愤怒
强赞
感动
路过
无聊
雷囧
关注
et_highlighter51

[教程]去除无觅相关文章插件顶部的空白和版权信息:目前有 6 条留言

  1. # 4楼
    洗衣设备:

    好像没看懂,太深奥了。

    2013-10-15 10:33 [回复]
  1. # 地板
    codee:

    不明觉厉!

    2013-10-06 10:12 [回复]
  1. # 板凳
    海盗船博客:

    这个去版权好蛋疼……

    2013-10-06 08:11 [回复]
  1. # 沙发
    Lan Tian:

    display:none !important 可以试试看

    2013-10-04 19:10 [回复]

发表评论

------====== 本站公告 ======------
博主大学蜕变期间,更新量应该骤减,表示十分可怕。2016,一起加油!

北京时间

    敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜时间的全部价值。

    ——达尔文