jQuery滚动条与命中计数器脚本冲突(document.write)

时间:2017-04-20 07:25:01

标签: javascript jquery tumblr document.write mcustomscrollbar

我目前正在尝试在我的tumblr博客上安装此自定义滚动条:http://manos.malihu.gr/jquery-custom-content-scroller/  这一切都很有效,直到我在我的博客上添加了一个文本点击计数器,我的整个内容都消失了。

这是自定义滚动条的jQuery:

<script>
$(document).ready(function() {
     $('body').mCustomScrollbar({
        theme: 'dark-thin',
        scrollButtons: true,
    });      
});
</script> 

这里是文本点击计数器的脚本:

<script language="JavaScript">
    var fhsh = document.createElement('script');
    var fhs_id_h = "2423608";
    fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name= &a=1";
    document.head.appendChild(fhsh);
    document.write("<span id='h_"+fhs_id_h+"'></span>");
</script>

我很确定它是&#34; document.write&#34;导致问题的方法。但我不知道是否有办法解决这个问题?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

问题确实是你对document.write的使用。应该尽可能避免。

相反,您可以使用jQuery添加span - 只需确保在ready上触发document事件后运行此代码:

$('body').append('<span id="h_' + fhs_id_h + '"></span>');