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属性＆amp;使用jquery的Load方法获取响应到父容器

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

....
)

jquery选项卡单击打开没有ajax请求的新页面

1 个答案: