跟很多童鞋一样，我也喜欢用第三方的相关文章推荐插件。不过，像友荐无觅这种相关插件他们把版权的也附带上了。今天，Kurly在给自己的网站添加无觅相关文章插件的时候就想了一下如何去掉下面的“无觅”两个字（虽然这种想法很不厚道，但是Kurly从来也不是什么高尚的人哈）。
通过观察发现包含版权的DIV的CSS是直接写在DIV标签上的。这样就无法通过页面其他的CSS对其进行“重载”，因为写在标签上的CSS的优先级是最高的，所谓“就近原则”。因此我们可以通过JS对其进行修改。
下面就讲如何去掉无觅相关插件的版权“无觅”两个字吧。使用的方法很简单，因为网站是有加载jQuery库的，所以直接使用jQuery代码去除，一行代码即可搞定。如下，代码很简单，选择包裹版权文字的DIV的类.wumii-footer，然后把它设置为隐藏即可。
1 |
$(function(){ $(".wumii-footer").hide(); }); |
另外，Kurly在使用无觅相关文章插件的时候，没有显示“猜你喜欢”的标题，此时发现相关文章列表的顶部有一段较高的空白，于是，我们可以用类似的方法进行去除。也是一行代码搞定。如下，选择那个空白的层.wumii-widget-title然后把这个层隐藏即可。
1 |
$(function(){ $(".wumii-widget-title").hide(); }); |
于是，两行代码即可轻松的解决无觅相关文章插件的空白和版权问题了。
1 |
$(function(){ $(".wumii-widget-title").hide(); $(".wumii-footer").hide(); }); |
当然，本方法还是有一点点小问题的，那就是如果无觅插件加载得太慢的话，可能本段代码就作用不到了。那如何解决这个问题呢？Kurly想到的是这个方法，设置一个setInterval来循环检测网页中是否已经出现了无觅版权DIV，如果没有出现就继续检测，一旦检测到了那么清除定时器同时运用前面所介绍的两行代码。
1 |
$(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次还没有检测到的话，咱就不要再检测了。代码如下：
1 |
$(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
本文地址：http://seo.huashi123.cn/5058.html
版权声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系我们。
