1

我试图弄清楚如何设置手风琴,以便根据用于打开页面的链接显示不同的活动面板。

如果您查看我正在处理的页面 - http://testing.xenongroupadmin.com/lms/admin/index.html - 您可以在顶部看到一个导航栏。如果您将鼠标悬停在选择上,则会出现一个下拉框。

第一个菜单项“课程资料”显示三个选项——“研讨会”、“远程学习”和“学习资源”。单击这些链接中的任何一个,目标页面就会打开,其中包含一个 jQuery 手风琴。此手风琴上的标题与导航栏中的三个选项相关。

所以,说到重点,我想要的是根据单击的链接打开适当的手风琴选项卡。因此,如果我在导航菜单中单击“远程学习”,“材料”页面将在远程学习手风琴选项卡打开的情况下加载。

如果在未从子菜单中选择选项的情况下单击“课程资料”链接,则应关闭所有手风琴选项卡。

任何人都可以帮忙吗?如果需要任何服务器端脚本,我的服务器设置为与 PHP 一起使用。如有必要,也很乐意使用 Ajax。

谢谢!

4

3 回答 3

1

您可以使用手风琴选项'active'

$('#accordion').accordion({
    active : 0
});  

-1 表示封闭,0 表示研讨会,1 表示远程学习,2 表示学习资源

于 2012-11-20T09:47:31.697 回答
1

将您的子菜单链接到materials.html,并带有一个指示要打开的面板的井号标签。像“materials.html#workshop-slides”一样,然后使用 Javascript 解析 location.hash 上的文档准备好并打开相应的面板。

于 2012-11-20T09:54:29.480 回答
0

一种在 javascript 中执行此操作的方法。将 url 中的活动选项卡引用传递为 #tab-0 (其中数字将成为选项卡的索引)。这是一个粗略的实现,可以帮助您入门:

$(document).ready(function() {
    var a =0;
    if(location.href.indexOf("#tab-1")) a = 1;
    if(location.href.indexOf("#tab-2")) a = 2;
    $('#accordion').accordion({collapsible : true, active : a});  
});  

如果您想从 php 执行此操作,则必须将“无”值替换为要打开的正确选项卡索引。

于 2012-11-20T09:48:05.757 回答