包括單獨的 html 文件不加載

Question

我正在嘗試使用 jquery 在我當前的 html 文件中簡單地加載另一個 html 文件，但沒有顯示任何內容。 我嘗試按照此處的答案之一進行操作，但仍然沒有看到我的 html 文件中出現任何內容。

關於.html

<!DOCTYPE html>
<html>

  <head>
    <script src="http://code.jquery.com/jquery-2.1.4.js">
    $(function(){
      $("#topbar").load("b.html");
    });
    </script>
  </head>

  <body>
    <div id="topbar"></div>
  </body>
</html>

b.html

<p> This is the included file </p>

我在這里做錯了什么？

Answer 1

JS <script> 101：您可以在<script>...</script>塊中擁有一個完全定義的腳本，或者您可以從外部src加載腳本。 您不能在一個塊中同時擁有兩者。 如果您指定src ，則<script>塊的主體將被忽略。 你應該有

<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script> <-------------------------------------------^^^^^^^^^
$(function(){
  $("#topbar").load("b.html");
});
</script>

注意</script><script>添加。

Answer 2

試試這個：

<!DOCTYPE html>
<html>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script type="text/javascript">
$(function(){
    $.ajax({
      method: "GET",
      url: "b.html",
      dataType: 'html',
      data: { },
      success: function(data) {
          $("#topbar").html(data);
      }
    })      
});
</script>
</head>

<body>
<div id="topbar"></div>
</body>
</html>

包括單獨的 html 文件不加載

問題描述

2 個解決方案

解決方案1
7 已采納 2015-08-31 19:42:40

解決方案2
-1 2015-08-31 19:45:07

包括單獨的 html 文件不加載

問題描述

2 個解決方案

解決方案1 7 已采納 2015-08-31 19:42:40

解決方案2 -1 2015-08-31 19:45:07

解決方案1
7 已采納 2015-08-31 19:42:40

解決方案2
-1 2015-08-31 19:45:07