Javascript - 1つの関数の変数が別の変数に干渉する

Question

this pageに360画像を表示するのにthree.jsを使用しています。しかし、ページの最初のセクション（上にスクロールするか、またはthis linkに従う）は、同じ方法で動作するために使用されていた別の360イメージを持っていましたが、現在はありません。

モバイルでは、両方とも正常に動作します（モバイルデバイスでは別のスクリプトが使用されます）が、デスクトップでは2番目が何とか最初のものに干渉するようです。

Answer 1

ざっと見た後、あなたのモバイルコードは、自己実行中の関数で囲まれていることが表示されます：

(function() { 
    // Mobile code here 
})(); 

が、あなたの非モバイルコードは、同じ名前の変数がすべてに入ることを意味し、ではありませんグローバル windowスコープと相互に上書きします。

これは、モバイルコードが動作し、モバイル以外のコードが機能しない理由を説明します。

モバイル以外のコードも自己実行機能で囲んで、それが役立つかどうかを確認してください。

私はこれがthree.jsの質問ではないと思っていますが、おそらくJavaScriptの質問にすぎません。