jquery - jqueryタブをクリックして、ajaxリクエストなしで新しいページを開きます

Question

私はTABを作成するために以下のコードを使用しています

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>Master</span></a></li>
        <li><a href="/articleposting"><span>Posting</span></a></li>
        <li><a href="/deal"><span>Deals</span></a></li>
    </ul>
    <div id="fragment-1">
        <div id="vtabs">
    <ul>
        <li><a href="/category"><span>Categories</span></a></li>
        <li><a href="/user"><span>Users</span></a></li>        
    </ul>
</div>

$(document).ready(function () {
    $("#tabs").tabs({ ajaxOptions: { async: false},remote: true });
});

同じウィンドウで新しいページを開きたいのですが、TAB プラグインの ajax リクエストを使用したくありません。

Answer 1

jQueryロード関数を使用してこの問題を解決しました

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>Master</span></a></li>
        <li><a href="#articleposting" data-url="/articleposting"><span>Posting</span></a></li>
    </ul>
    <div id="fragment-1">
        <div id="vtabs">
    <ul>
        <li><a href="#category" data-url="/category"><span>Categories</span></a></li>
    </ul>
    </div>

次に data-url 属性を読み取り、jquery の Load メソッドを使用して親コンテナーに応答を取得します

$('#parentContainer').load(
....

....
)