使用JQuery將代碼加載到HTML中？

我知道這是可能的，而且我已經看了無數的例子。恐怕我已經知道了我的問題的答案，但也許我錯過了一些東西。我在想，這並不工作，因爲我在本地運行此代碼，而不是在服務器上。使用JQuery將代碼加載到HTML中？

在我的腦海標籤：

<script type="text/javascript" src="jquery-1.5.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#test").load("test.html"); 
     }); 
</script>

在我的身體標記：

<div id="test"></div>

我的外部代碼（裏面「的test.html「）

<div>This is what you should be seeing!</div>

不應該在該工作？此外，我的外部HTML文檔中，我需要所有的額外標籤對其進行設置，使問題解決的文ent看起來像：

<html> 
    <head> 
     <title> 
     </title> 
    </head> 
    <body> 

<div>This is what you should be seeing!</div> 
</body> 
</html>

我所有的文件都在同一個目錄中。

謝謝。

來源

2011-02-06 Johannes

嘗試在test.html中去除多餘的HTML標記，它應該只有div。另外，請使用像Firebug這樣的調試工具來查看是否有請求。 – 2011-02-06 05:10:25

我知道腳本運行時，因爲我已經測試了與警報（），但我會加倍使用Firebug檢查。 – Johannes 2011-02-06 05:15:35

嗯，你的代碼應該對Web服務器的工作！請讓我知道你是否從桌面上做起。

<script src="jquery.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#test").load("./test.html"); // also try /test.html 
    }); 
</script> 
<div id="test"></div>

來源

2011-02-06 05:40:39

簡單

$.get('test.html', function(data) { 
    $('#test').html(data); 
});

的.load（）具有不同的功能，綁定上加載事件的事件處理程序

UPDATE：

添加數據insted的替代嘗試追加

$('body').append(data)

來源

2011-02-06 05:11:06

我用這個替換了我當前的腳本，它沒有改變任何事情。我不應該取代任何東西，而是在某處添加它嗎？ – Johannes 2011-02-06 05:15:02

在URL後使用可選的選擇，只把<body>的內容（或別的東西）到目標：

// will load the contents of test.html's body-element into #test 
    $("#test").load("test.html body");

來源

2011-02-06 06:35:31

使用JQuery將代碼加載到HTML中？

回答

相關問題