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

Question

我目前正在尝试在我的 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>

我很确定是 "document.write" 方法导致了问题。但是不知道有没有办法解决这个问题？任何帮助将不胜感激。

Answer 1

问题确实出在您对 document.write 的使用上。应尽可能避免。

相反，您可以使用 jQuery 添加 span - 一旦 ready 事件在 document 上触发，请确保您运行此代码:

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

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

jQuery scrollbar conflicts with hit counter script (document.write)

javascript

jquery

tumblr

document.write

mcustomscrollbar