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> 

我敢肯定它的「文件撰寫」方法正在造成這個問題。但我不知道是否有辦法解決這個問題？任何幫助都感激不盡。

Answer 1

問題確實是你使用document.write。應儘可能避免。

相反，你可以使用jQuery添加span - 只是確保你運行該代碼一旦ready事件對document觸發：

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