jQueryのタブと現在のWebページ以外のコンテンツ

Question

jQueryのタブを使用したいのですが、同じページ内のDIVを指すタブの代わりに、私のサイト内、または例えばでも外部のページ...ページ3とページ4を指しているタブの

<div id="tabs"> 
    <ul> 
     <li><a href="content/page1.html">Page 1</a></li> 
     <li><a href="#profile">Profile</a></li> 
     <li><a href="#photos">Photos</a></li> 
     <li><a href="content/page3.html">Page 3</a></li> 
     <li><a href="content/page4.html">Page 4</a></li> 

    </ul> 
    <div id="profile"> 
     <p>Profile</p> 
    </div> 
    <div id="photos"> 
     <p>Photos</p> 
    </div> 
</div> 

は私が所望のコンテンツを表示するには、内のiFrameでのIFrameや事業部を使用する必要がありますか？この質問は意味をなさないか、私の言葉遣いが言うと、私は私の質問を向上させるだろうしてください悪い場合の例

<div id="tabs"> 
     <ul> 
      <li><a href="content/page1.html">Page 1</a></li> 
      <li><a href="#profile">Profile</a></li> 
      <li><a href="#photos">Photos</a></li> 
      <li><a href="#page3">Page 3</a></li> 
      <li><a href="#page4">Page 4</a></li> 

     </ul> 
     <div id="profile"> 
      <p>Profile</p> 
     </div> 
     <div id="photos"> 
      <p>Photos</p> 
     </div> 

     <div id="page3"> 
      <iframe></iframe> 
     </div> 

    </div> 

or 

<div id="tabs"> 
<ul> 
    <li><a href="content/page1.html">Page 1</a></li> 
    <li><a href="#profile">Profile</a></li> 
    <li><a href="#photos">Photos</a></li> 
    <li><a href="#page3">Page 3</a></li> 
    <li><a href="#page4">Page 4</a></li> 

</ul> 
<div id="profile"> 
    <p>Profile</p> 
</div> 
<div id="photos"> 
    <p>Photos</p> 
</div> 

    <iframe id="page3"></iframe> 

ください。私は、ユーザーがIE8を使用する場合、参照ページとしないdiv要素が図示されていないことは、元のコード（第一ブロック）を使用してタブことを追加する必要があり申し訳

UPDATE **

。 IE9はうまくいくようです...私の問題はIE8でテストすると上昇しました！しかし、私はページ3またはページ4つのリンク何も示されていない上でクリックしたとき（ページ1を指して）最初のタブが...ページのロード時に表示されます...

Answer 1

だけでiFrameを使用します。<iframe id="page3"></iframe>

を持っていますあなたはこれを試して何らかの問題に遭遇しましたか？

Answer 2

jQueryUI Tabsを使用している場合は、selectまたはshowイベントを使用できます。たとえば、

$(".selector").tabs({ 
    show: function(event, ui) { 
     // do your stuff with changing attribute `src` of your iframe 
    } 
});