2016-11-10 8 views
1

initialize()という関数を含むloader.jsという名前のJavascriptファイルがあります。 jQueryを使ってこの関数を呼び出したいと思います。これはloader.jsあるjquery内の別のjavascriptから関数を呼び出す

<!DOCTYPE html> 
 
    <html> 
 
     <head> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
     <script src="loader.js" ></script> 
 
    \t <script type="text/javascript"> 
 
    \t jQuery(document).ready(function() { 
 
    \t jQuery(document).on("click", ".link", function(e) { 
 
      e.preventDefault(); 
 
    \t \t var a= $(this).text(); 
 
    \t \t window.initialize= function{ 
 
    \t \t }; 
 
    \t \t initialize(a); 
 
    \t \t 
 
    \t \t 
 
    \t \t }); 
 
    \t \t }); 
 
    \t 
 
      
 
    \t 
 
    \t </script> 
 
     </head> 
 
     <body > 
 
    \t <h1>welcome to my website </h1> 
 
    \t <a href="#" class="link"> link1 </a> 
 
    \t <a href="#" class="link"> link2 </a> 
 
     <div id="main"> 
 
    \t 
 
    \t </div> 
 
     </body> 
 
    </html>

:これは私のHTMLファイルである私は、このスクリプトと間違っているかわからない

function initialize(a) { 
    $('#main').html= a; 
     } 

、私はデバッグそれにjqueryのが動作している必要がありうまく機能しているが正しく動作していない。
また、関数が再度クリックされるたびにdivがリフレッシュされるようにする必要があります。まずlink1を含むが、link2をクリックするとdiv1の中でlink1を削除する必要があります。

ありがとうございました

+2

HTML – scsiva1991

+0

でloader.jsがあなたのページで 'loader.js'ファイルをインクルードし、それへの呼び出しのコメントを外します。また、 '

0

loader.jsのコードに変更する必要があります。

function initialize(a) { 
     $('#main').html(a); 
    } 

あなたができるすべてのことを強調します。

Htmlの

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script> 
    <script src="loader.js"></script> 
    </head> 
    <body > 
    <h1>welcome to my website </h1> 
    <a href="#" class="link"> link1 </a> 
    <a href="#" class="link"> link2 </a> 
    <div id="main"></div> 
    </body> 
    </html> 

Loader.js

jQuery(document).ready(function() { 
     jQuery(document).on("click", ".link", function(e) { 
     e.preventDefault(); 
     var a = $(this).text(); 
     initialize(a); 
     }); 
    }); 

    function initialize(a) { 
    $('#main').html(a); 
    } 
関連する問題