0

同じページの別のdiv（より正確には右側）に表示されるいくつかのアンカー/他のhtmlページ（左側のボタン）に苦労しています。divでこれに対する解決策はありますか？または、frame / iframeを使用する場合でも、jQueryでさえヒントを教えてください。

画像にはソースコードがあります

4

2 に答える 2

1

divでこれに対する解決策はありますか？

  1. JavaScript（XMLHttpRequestなど）を使用してコンテンツを取得します。
  2. 不要なビットを取り除きます（たとえば、<body>
  3. DOM操作を使用してdivに追加します

または多分frame/iframeで

それがまさにiframeが設計された目的です。targetアンカーの属性をnameiframeの属性に設定します

ページの一部にコンテンツをロードするには、多くの落とし穴があります。少なくとも、訪問者が実際に表示しているコンテンツにリンクする機能を妨害します（ただし、History APIを使用して、それpushStateを補正することはできます）。ほとんどの場合、すべてのページに共通するコンテンツを（テンプレートを介して）含む新しいページにリンクすることをお勧めします。

于 2013-01-11T12:26:10.863 に答える
0

ページがHTMLページにリンクしている場合は、iframe次のようにjQueryを使用して追加できます。

$(document).ready(function(){
  $('.button').click(function(){
    // Prevent Default Action
    event.preventDefault();
    // get the href parameter
    var url = $(this).attr('href');
    // Append the iframe
    $('#content').append('<iframe src="'+ url +'"></iframe>');
  });
});

これが実際の例です

JSONまたはXML応答を返すことができる場合は、応答を取得して、の代わりに$.ajax応答を追加するために使用できます。diviframe

于 2013-01-11T12:51:23.330 に答える