2012-04-21 5 views
0

ボタンをクリックすると、jsファイルを動的にajaxにインクルードします。私が基本的にしたいのは、ボタンをクリックしたときにマップをロードしたいということです。私は2つのファイルを使用していることについて:jaxファイルを動的にajaxにロードする

<script type="text/javascript" src="http://maps.google.com/maps?..."></script> 
<script type="text/javascript" src="jquery.gmap-1.1.0-min.js"></script> 

を今私が欲しいものユーザーがボタンをクリックすると、この2つのファイルがロードされますと、マップは、ページがリフレッシュを得ることなく表示されることをです。

また、ユーザーがボタンをクリックしてこの2つのスクリプトが読み込まれた後にもう一度クリックすると、スクリプトが再び読み込まれることはありません。

この件に関するお手伝いをいただければ幸いです。


Thnxです。とにかく私は$ scriptと RequireJsを使用してそれをしようとしましたが、マップをロードできませんでした。私が得たエラーだった

<script type="text/javascript" src="../js/jquery-1.7.js"></script> 
<script src="../js/script.js"></script> 
<script> 
function googlemaps() 
{ 
    $script('"http://maps.google.com/maps?file=api&..', 'maps', function() 
    { 
     $script('../js/jquery.gmap-1.1.0-min.js', 'jquery', function() { 
     $("#map").gMap({address: "USA", markers: [{address: "USA"}]}); 
     }); 
    }); 
} 
</script> 

<input name="Butoon" type="button" value="Button" onclick="javascript: googlemaps();" /> 

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

:ここ

は、私がwriitenていた私のコードである「G_NORMAL_MAPが定義されていない」と エラーが jqueryのため来ている(「GMap2のが定義されていません」。 gmap-1.1.0-min.jsが http://maps.google.com/maps?file=api& ..ロードの前にロードされています)。同じエラーは、RequireJsの使用中に繰り返される です。私は の間違いを言ってください。

ありがとうございます。

答えて

3

代わりに、$criptRequireJSのようなスクリプト/モジュールローダーをご覧ください。基本的に、彼らは同じことをします。

関連する問題