Question

我正在使用jQuery内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/，我在面板上使用'show'类来显示页面加载时的默认面板，但是如果我想要定位不同的面板呢？

我可以在URL中传递将show类切换到其他面板的变量吗？

Answer 1

您在那里使用的插件并没有真正有明确记录的API，但理论上它是可能的。我将展示一个示例，说明如何使用插件以相同的方式完成此操作但是更加可靠且记录良好 - the tabs widget from jquery ui，并使用散列网址，如第一条评论建议。

// 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);

这样，您就可以使用要打开的选项卡的编号来对您的网址进行哈希处理，并且选项卡插件会在该选项卡打开时进行初始化（默认情况下是第一个选项卡）。例如，如果您点击http://example.com#3，则第三个标签将会打开。如果你想制作这些单词，可以很容易地添加一个映射数字和字符串的小开关语句。

jquery ui标签can be found here的示例和文档，以及“活跃”标签的文档。我在本例中使用的方法can be found here。

如何从URL定位JQuery Panel Switcher的特定面板

1 个答案: