ページ上で実行するJavascriptファイルを取得できません

私はスクリプトが良くないので、私の実行で何がうまくいかないのか分かりません。ページ上で実行するJavascriptファイルを取得できません

ウェブページはhttp://snmcsupport.com/map-js-test-pageであり、クリック可能な地図を生成するスクリプトを実行している必要があります。スクリプト自体は非常に長いので、私はここに貼り付けていないだろうが、あなたは私のWebページ上でそれをif you click here

を見ることができ、私はヘッダに私に

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> 
</script> 

<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"> 
</script> 

<script src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.min.js"> 
</script>

をスクリプトを実行するために必要なマークアップを持っていますウェブページ、私はスクリプトを呼び出します

<div> 
    <script type="text/javascript" src="http://snmcsupport.com/wp-includes/js/app.js"> 
    </script> 
</div>

しかし、私はまだコードを実行することができません？また、開発者からの最初の命令は言った：

The last step is to initialize the map by making the following script calls:

<script>makeaClickableMap.initialize(<your-document-object-model-handle>);</script>

where your-object-document-model handle can be anything actually:

a jQuery object like $("#map")

a Javascript Document Object Model like document.getElementById("map")

or a simple string like "map"

が、私はそれが何を意味するのかを把握することはできません。自分のウェブページでinitializeコマンドを実行しようとすると、クロススクリプトエラーが発生してしまい、それができなくなります。

私はWordpressでDivi Childテーマを使用しています。

出典

2016-12-07 Alex Fenech

WordPressのjQueryファイルと埋め込みqtipはどうなりますか子どものテーマでRaphaël？ wp_enqueue_script（ 'jquery'）を使用してjsを正しい方法でエンキューしていますか？ ... – Benoti

おそらく...スクリプトの開発者はWPまたはDiviで直接動作しません。私は彼がHTMLに直接埋め込まれていると仮定して書きました。 wp_enqueue_script（文字列$ハンドル、文字列$ src = ''、配列$ deps = array（）、文字列| bool | null $ ver = false、bool $ in_footer = false） –

makeaClickableMap.initialize(<your-document-object-model-handle>); 
      //this is the element that will --^ 
      //be used to contain your rendered map

あなたはそれをあなたがマップを表示するHTML要素の参照を渡すことを期待方法。要素は、

自分のタグ名（などのdiv、P、H1、）
クラス名<div class="className></div>
によってOR私はここに実証するID名によって識別することができます。

まず、あなたは、それに関連付けられたIDを持つ要素を必要とするでしょう、それが<body>タグの内側に配置する必要があります。

このタグの下に

<div id="map"></div>

、それでもbodyタグの中に、あなたはmakeClickableMap.initialiseコールが含まれており、この<div>のIDを渡す必要があります：

<!-- Javascript solution: --> 
<script> 
    makeaClickableMap.initialize(document.getElementById('map')); 
</script> 
<!-- notice that the id is just 'map' here -->

Javscriptの代替上記のソリューションは、次のようにjQueryを使用しています（ID付きのdivが必要です）：

<!-- jQuery solution: --> 
<script> 
    makeaClickableMap.initialize($('#map')); 
</script> 
<!-- notice the ID is prefixced with a '#' character-->

出典

2016-12-07 18:26:20 Pineda

だから何ですか？ ...... –

私がこれを行うと、「WatchGuard Firewallによって要求が拒否されました。理由：IPSは、あなたが –

を管理者にまで連絡してください「WEBクロスサイトスクリプティング-32 /ウェブ・アタック」のを検出したが、 Uncaught SyntaxError：予期せぬトークン<および未知のReferenceError – Pineda

ページ上で実行するJavascriptファイルを取得できません

答えて

関連する問題