使用外部链接和哈希打开特定的手风琴选项卡
Open specific accordion tab using external link and hash
大家好,我是js的新手,对不起我现在在这里问的问题我知道这是一个基本的,我现在正在使用手风琴插件,该插件收集用户想要放入手风琴中的所有文章并在手风琴中查看,我的问题是当手风琴项目内的每篇文章具有动态ID时,如何打开特定选项卡。 我试图使用链接挂钩该项目, http//:example.com#id 在手风琴中打开特定选项卡,这里是插件代码。钩在代码内并触发 Click 事件以打开特定的 In Accordion 插件
!(函数($){
$.fn.spAccordion = function(options){
var settings = $.extend({
hidefirst: 0
}, options);
return this.each(function(){
var $items = $(this).find('>div');
var $handlers = $items.find('.toggler');
var $panels = $items.find('.sp-accordion-container');
if( settings.hidefirst === 1 )
{
$panels.hide().first();
}
else
{
$handlers.first().addClass('active');
$panels.hide().first().slideDown();
}
$handlers.on('click', function(){
if( $(this).hasClass('active') )
{
$(this).removeClass('active');
$panels.slideUp();
}
else
{
$handlers.removeClass('active');
$panels.slideUp();
$(this).addClass('active').parent().find('.sp-accordion-container').slideDown();
}
event.preventDefault();
});
});
};
})(jQuery);
有一点是,您可以使用.children('div')
而不是.find('>div')
。
但是如果你想得到哈希设置的内容,你可以使用 window.location.hash
.默认情况下,这用于标识元素 ID。所以理想情况下,你可以通过做来获得你想要显示的元素
if (window.location.hash) {
var $selected = $('#'+window.location.hash);
if ($selected.length) {
// Do what you need to show this element
}
}
相关文章:
- JQuery-停止手风琴链接关闭所有选项卡
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 如何将Magento管理选项卡界面更改为垂直手风琴
- jQuery 手风琴选项卡不会关闭
- 调整jQuery手风琴-打开所有选项卡
- 在rails上的手风琴选项卡Ruby中显示好友数据
- 如何直接链接到 jQuery 手风琴选项卡
- 使用 jquery 在 asp.net 中制作带有选项卡的手风琴
- jQuery UI - 使用外部链接在选项卡中打开手风琴
- JQuery UI(手风琴),在初始化时打开活动选项卡
- 禁用 Bootstrap 3 折叠手风琴中的切换选项
- 手风琴选项卡不折叠
- 将引导选项卡栏转换为移动大小的手风琴菜单
- 使用外部链接和哈希打开特定的手风琴选项卡
- 将选项卡式内容响应到手风琴-单击选项卡时手风琴关闭
- 如何使手风琴选项卡在活动时具有不同的颜色
- 如何将浏览器窗口移动到灵活的手风琴选项卡的顶部
- 当手风琴/选项卡打开或关闭时对页面进行样式化
- 更新我的js手风琴选项卡,以选择性地打开和关闭内容
- 如果手风琴选项卡的子选项卡与搜索参数匹配,如何使其处于活动状态