2016-10-19 19 views
-2

HTMLページのscriptタグでコードを使用すると、動的なツールチップ用のJSファイルがあります。しかし、script srcタグをソースから使用すると、スクリプトが読み込まれますが、ツールチップを使ってみると機能しません。これはJSコードです外部jsファイルの読み込みを修正できません

var tooltips = document.querySelectorAll('.tooltip div'); 

window.onmousemove = function (e) { 
    var x = (e.clientX + 20) + 'px', 
     y = (e.clientY + 20) + 'px'; 
    for (var i = 0; i < tooltips.length; i++) { 
     tooltips[i].style.top = y; 
     tooltips[i].style.left = x; 
    } 
}; 
+0

は、そうでない場合は、 '.tooltipのdiv'は(まだ)存在しない可能性があり、DOMは構文解析を終了した後に実行/外部スクリプトがロードされていることを確認します。 –

+0

スクリプトは、domが完全にロードされる前に割り当てようとします。 @スティーブピティスの答えを見て – mtizziani

答えて

1

このスクリプトは、HTMLがレンダリングされたときに実行します。

window.onload = function() { 
    var tooltips = document.querySelectorAll('.tooltip div'); 

    window.onmousemove = function (e) { 
     var x = (e.clientX + 20) + 'px', 
      y = (e.clientY + 20) + 'px'; 
     for (var i = 0; i < tooltips.length; i++) { 
      tooltips[i].style.top = y; 
      tooltips[i].style.left = x; 
     } 
    }; 
} 
関連する問題