小编use*_*736的帖子

我正在使用Jquery UI选项卡的基本实现,它们工作正常,但我想根据用户操作动态设置(或重置)活动选项卡.

1. 如何根据查询字符串值设置活动选项卡？使用我之前的选项卡解决方案,我能够传递查询字符串值并在页面加载时设置活动选项卡.(由于其他技术挑战,我不得不放弃这个旧解决方案.)

2. 当用户在浏览器应用程序中选择"保存"按钮并重新加载浏览器页面时,如何在按下保存之前将焦点保持在他们所处的选项卡上？

3. 当用户返回浏览器应用程序的"任务"页面时,如何设置活动选项卡？例如,在我的Web应用程序中,如果用户浏览到"项目"页面然后返回"任务"页面,我该如何重置之前的选项卡？

使用Javascript:

$(function() {
   $("#tabs").tabs();
});

HTML示例代码:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Description</a></li>
        <li><a href="#tabs-2">Action</a></li>
        <li><a href="#tabs-3">Resources</a></li>
        <li><a href="#tabs-4">Settings</a></li>
    </ul>

<div id="tabs-1">
    <p>Description content</p>
</div>

<div id="tabs-2">
    <p>Action content</p>
</div>

<div id="tabs-3">
    <p>Resources content</p>
</div>

<div id="tabs-4">
    <p>Settings </p>
</div>

</div>