2017-10-03 3 views
1

私は学校用のhtmlページを持っており、メニューバーを作る必要があります。私は何もありません、それはローカルので、私は文句を言わない、このファイルをロードするメディア火災jQuery ajaxはロードコードを使わない

menu.html

<html> 
<body> 
    <nav class="navbar navbar-inverse" 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <a class="navbar-brand">Practice</a> 
      </div> 
      <ul class="nav navbar-nav"> 
       <li class="active"></li> 
     </div> 
    </nav> 
</body> 

私のページへmenu.htmlをアップロードすることを決定したようにしたいです出力に表示されます。

practiceblank.html

<html> 
<head> 
    <title>Testing Webpage</title> 
    <link rel="stylesheet" href="bootstrap.min.css"> 
    <link rel = "stylesheet" type = "text/css" href = "main.css"/> 
    <link rel='icon' href='favicon.ico' type='image/x-icon'/> 
    <script> 
     var clicks = 0; 
     cps = 1; 
     function countClicks() { 
      clicks += 1; 
      document.getElementById("clicks").innerHTML = clicks; 
     } 
    </script> 
</head> 
<body class="an1"> 
    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
     jQuery("#div1").load("http://download1473.mediafireuserdownload.com/feen32om7deg/ebw8k296r8caucm/menu.html"); 
    </script> 
<!--The rest is personal--> 
+0

私は、これがどれほど曖昧であるかを知りました。基本的に、 jQuery( "#div1").load( "http://download1473.mediafireuserdownload.com/feen32om7deg/ebw8k296r8caucm/menu.html"); が問題ですが、表示されません。私は手動でコンソールでそれを実行すると、それは動作します – SeaGemGames

+0

はい、私はコーディング中にローカルでファイルを使用することをお勧めします! –

答えて

1

あなたはインクルードは、スクリプトからのライブラリーの含ま区切る必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script>  
    $(function(){   
     jQuery("#div1").load("http://download1473.mediafireuserdownload.com/feen32om7deg/ebw8k296r8caucm/menu.html"); 
    }); 
</script> 

は、この情報がお役に立てば幸いです。

+0

ありがとう!私はそれを前もって試しましたが、私のコードがもともと間違っていたことに気付かなかったと思います – SeaGemGames

関連する問題