加載相同的代碼兩次在單獨的Div

我創建一個資源數據庫，側面有一個滾動容器。實質上，當你點擊容器內的縮略圖時，它將加載一個div的內容，該div將淡入並顯示該類別的內容。每個div標籤看起來是這樣的：加載相同的代碼兩次在單獨的Div

<div> 
<h2>Category1</h2> 
<p><a style="float:right" class="a_demo_four" href="/Resources/file1.pdf" target="_blank"> 
         Download 
</a>File Desc</p> 
<hr/> 
</div>

而且將加載這樣：

從本質上講，我希望能夠當我打開另一個類別此頁面上顯示相同的確切內容。我有幾個不同的類別，並希望能夠從類別1，類別2等等中提取代碼，以便我可以在「查看全部」選項卡中顯示所有代碼。我已經嘗試使用jQuery的負載功能，如下圖所示：

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

<body> 
<div id="includedContent"></div> 
<h1>This is why I rule</h1> 
</body> 
</html>

從原來的div的內容加載到視圖中的所有類別，但沒有顯示出來。不幸的是，我對Javascript/jQuery的知識非常有限，所以我很難在不需要複製和粘貼代碼的情況下在不同的div中使用相同的內容。如果我添加了文件並且必須兩次編輯代碼，這也會在未來造成問題。

預先感謝您！

來源

2013-10-21 user2902381

你可以把你的內容在這樣的變量：

var content = ''; 
$(document).ready(function(){ 
    //load first in a div 
    $('#includedContent').load('b.html', function(result){ 
    content = result; 
    //from here on, you know you have b.html data in the variable content 
    //and you can use it elsewhere like this 
    $('#anotherDivId').html(content); 
    }); 
});

來源

2013-10-21 10:06:39 visualex

的內容，如果$（「＃includedContent」）負載（「b.html」）。沒有結果，你可能在本地工作或者文件路徑不好。 – visualex

如果文件準備好功能將工作中調用你的代碼。嘗試，

$(document).ready(function(){ 

    $("#includedContent").load("b.html"); 

});

但是你可能需要爲visualex爲了你需要添加的內容在多個地方提出，以保持它的地方。

這是一個工作的jsfiddle， http://jsfiddle.net/c5SAH/show/

它加載從 http://jsfiddle.net/gfgE8/show/

來源

2013-10-21 10:10:42 melc

加載相同的代碼兩次在單獨的Div

回答

相關問題