javascript - 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 - 只需确保在 document 上触发 ready 事件后运行此代码:

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