javascript - 如何从 URL 定位 JQuery 面板切换器的特定面板

Question

我正在使用 jQuery 内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/并且我在面板上使用“显示”类在页面加载时显示默认面板，但是如果我想针对不同的面板怎么办？

我可以在 URL 中传递一个变量来将显示类切换到不同的面板吗？

Answer 1

您在那里使用的插件实际上并没有明确记录的 API，但理论上这是可能的。我将展示一个示例，说明如何使用以相同方式工作但更可靠且文档更完整的插件来完成此操作 -来自 jquery ui 的选项卡小部件，并使用像第一条评论建议的散列 URL .

// simple url parser
// (via https://gist.github.com/jlong/2428561)
var url = document.createElement('a');
url.href = window.location.href;

// get the url hash as an integer
var activeTab = parseInt(url.hash) || 1;

// initialize tabs on the '.selector' element
$( ".selector" ).tabs('active', activeTab);

这样，您将能够使用您想要打开的选项卡编号对您的 url 进行哈希处理，并且选项卡插件将在该选项卡打开（或默认情况下为第一个选项卡）时初始化。例如，如果您点击http://example.com#3，则第三个选项卡将打开。如果你想写这些词，很容易添加一个映射数字和字符串的小 switch 语句。

jquery ui 选项卡的示例和文档可以在这里找到，我在这个示例中使用的“活动”方法的文档可以在这里找到。