[新しいタブで開く...]を使用してメインコンテンツdiv内の別のページを開く

Question

リンクが「新しいタブでリンクを開く...」オプションを使用してメインコンテンツをクリックすると、サイドバーとヘッダー付き。 以下の画像をご覧ください。

ありがとうございます。

リンクをクリックした前のページ。

リンクをクリックした後のページ。

は、私はあなたがjquery load()を見なければならないと思いますFiddle demo

<a target="_blank" href="https://jsfiddle.net/bumbumpaw/2e16m0c4/">This should load href value in main content w/ Sidebar,Header and Footer</a> 

Answer 1

を参照してください。別のリンクからhtmlコンテンツを読み込み、ajax経由でhtml要素に追加します。あなたは、外部のページをロードする場合の例

$("#result").load("ajax/test.html", function() { 
    alert("Load was performed."); 
}); 

Answer 2

ため

あなたは、IFRAMEで#contentsの内容を置き換えることができます。 Demo

$("a").on('click', function(ev) { 
    ev.preventDefault(); 
    $('#content').html("<iframe src='http://www.w3schools.com'></iframe>");});