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(
....

....
)