0

jquery.loadイベントを介して1つのページから別のページにコンテンツを読み込んでいます。私は現在このようにそれをやっています：

$('#someDiv').load('/directory/file.html #someDiv');

ただし、毎回divの名前を指定する必要がない方がよいでしょう。両方のページで同じなので、「page1でdivを見つけて、そのコンテンツをpage2の一致するdivにロードしますか？新しいコンテンツが追加されるたびにスクリプトを更新する必要がないという考え方はありますか？ 。

前もって感謝します。

4

1 に答える 1

0

それで約1週間働いた後...私はそれを理解しました。スクリプトは次のとおりです。

// Run this function on divs with the class of include
$("div.include").each(function(){
    // load shared content file
    var pathname = "shared-content.html"; 

    //get the id value of each div on current page with class of include
    var contentID = ("#" + $(this).attr("id"));

    //find div with same id value in shared content file, then load its content
    $(contentID).load(pathname + " " + contentID);  
});

使用手順：

  1. このスクリプトをdocument.readyにロードするか、ページのコンテンツの後にスクリプトタグでロードします。
  2. 共有コンテンツファイルで、HTMLを追加し、一意のIDを持つdivに配置します。
  3. 共有コンテンツファイルで使用したものと同じ一意のIDを追加して、任意のページ（スクリプトがロードされる場所）に共有コンテンツをロードします。
于 2012-11-24T21:33:54.550 に答える