タブ内のタブを呼び出す？ Jquerymobile

Question

私はちょうど問題に遭遇しました。私はタブウィジェットが埋め込まれたページを持っています。タブは正常に動作しています。しかし、1つのタブでタブをリンクしようとすると、リンクは機能しません。

<div data-role="tabs"> 
    <div data-role="navbar"> 
<li><a href="#tab1">Link 1</a></li> 
<li><a href="#tab2">Link 2</a></li> 
<li><a href="#tab3">Link 3</a></li> 
</div> 
<div id="tab1"> 
    <div data-role="tabs"> 
    <div data-role="listview" data-inset="true"> 
    <li><a href="#tab1">Link 1</a></li> 
    <li><a href="#tab2">Link 2</a></li> 
    <li><a href="#tab3">Link 3</a></li> 
    </div> 
    </div> 
    </div> 
<div id="tab2"> 
<p>Content</p> 
    </div> 
<div id="tab3"> 
<p>Content</p> 
    </div> 
</div> 
</div> 

これは大体私の考えです。タブは機能しますが、最初のタブ内のリンクは機能しません。これは可能ですか？余分な参考のために：

http://demos.jquerymobile.com/1.4.5/tabs/

Answer 1

だから私はいくつかの研究をしました。私のJavascript Consoleによると、タブの中でリンクが機能しなくなるというエラーがあります。だから私は回避策のアイディアを持っていた。タブに直接リンクするのではなく、ボタンのリンクを以下のようにバインドしました。

<a OnClick="document.getElementById('#IdOfTab').click()">Link</a> 

これは完全に機能します。ページ自体にリンクするのではなく、タブを呼び出すのと同じくらい簡単でした。私は私の質問で十分に正確ではないことをお詫びします。