从外部页面中的锚标记打开手风琴项目

时间:2015-04-17 18:50:07

标签: php jquery jquery-ui-accordion

正在运作的手风琴是WP主题内置的短代码。我在外部页面上有常规的旧锚点,链接到这个主页面,在手风琴中有几个术语/定义。我希望锚标记不仅能够将用户带到列出的术语,而且还打开它内部的手风琴面板,从而显示定义。

我尝试了这次失败 - http://jsfiddle.net/VZ3T5/5/

现在我已经转向了这个,但似乎无法让它发挥作用 -

<script type="text/javascript">
var anchor = window.location.hash.substring(1);
$('.' + anchor).removeClass('active');
</script>

1 个答案:

答案 0 :(得分:0)

激活特定手风琴选项卡的一种方法是使用它的ID。 所以,你可以使用,例如:

$("#accordion").accordion();
$("#accordion").accordion("option", "active", 2);

在手风琴“激活”后激活第三个标签(手风琴标签元素从0开始编号)。可能有很多方法可以做(我认为)你想做的事情:

使用带有手风琴的页面网址的ID,例如:

www.domain.com/myaccordionpage.html#2

这样,在你的JS中激活手风琴后,你可以在这个页面加载时打开手风琴元素的第3个标签:

$("#accordion").accordion("option", "active", parseInt(window.location.hash.substring(1)));

这可能是一种解决方案。

参考:https://jqueryui.com/accordion/