1

横にスクロール コンテナーを持つリソース データベースを作成しています。基本的に、コンテナ内のサムネイルをクリックすると、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>

そして、次のようにロードされます：画像

基本的に、このページで別のカテゴリを開いたときに、まったく同じコンテンツを表示できるようにしたいと考えています。いくつかの異なるカテゴリがあり、「すべて表示」タブにすべてを表示できるように、Category1、Category2 などからコードを取得できるようにしたいと考えています。以下に示すように、jQuery の load 関数を使用しようとしました。

<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 で同じコンテンツを使用することが困難です。これは、将来、ファイルを追加するときに問題を引き起こし、その場合はコードを 2 回編集する必要があります。

前もって感謝します！

4

2 に答える 2

0

ドキュメント準備完了関数内でコードを呼び出すと、機能します。試す、

$(document).ready(function(){

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

});

ただし、必要に応じて複数の場所にコンテンツを追加するために、visualex が提案したように、おそらくどこかに保持する必要があります。

これは動作中の jsfiddle です。 http://jsfiddle.net/c5SAH/show/

http://jsfiddle.net/gfgE8/show/からコンテンツをロードします

于 2013-10-21T10:10:42.803 に答える
0

次のように、コンテンツを変数に保持できます。

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-21T10:06:39.777 に答える