使用Visual Composer深度链接到手风琴选项卡

时间:2015-05-06 作者:Jeff

我正在使用Visual Composer将手风琴添加到我的页面。现在我需要能够深入链接到手风琴中的任意元素。换句话说,我需要能够为人们提供将打开手风琴中任意元素的链接。因此,url如下/mypage#tab4 可能需要打开第四个手风琴选项卡。有可能做到这一点吗?

文档中没有提到这一点。源代码似乎不支持它。而且,我没有WPBakery的支持帐户,因为我不是最初的开发人员。

2 个回复
最合适的回答,由SO网友:gbuckingham89 整理而成

在遇到同样的问题后,我想出了一个基本的解决方案——希望对你来说还不算太晚。

可视化编辑器“accordion插件”似乎是jQuery UI accordion的包装器;因此,可以使用相同的方法。我已经编写了一些基本(无疑还有改进的余地)代码,检查URL末尾是否有哈希,然后将其匹配到一个手风琴面板(获取它的索引号),然后打开它。它只需要您为CMS中的每个手风琴项目添加一个ID。

jQuery(window).load(function() {
    if(location.hash) {
        var panelRef = (window.location.hash.substring(1));  
            jQuery(".wpb_accordion_section").each(function(index) {
            if(jQuery(this).attr("id") == panelRef) {
                jQuery(\'.wpb_accordion_wrapper\').accordion("option", "active", index);
            }
        });     
    }
});
您可以将其修改为使用数字而不是硬编码的ID(请记住,面板将被索引为0)。

SO网友:Jason Smith

我知道现在有点晚了,有一个更简单的方法可以做到这一点。转到将元素ID添加到每个选项卡,例如,如果我们将其命名为custom1,那么如果您转到(www.yourdomain.com/#custom1)将重定向到所需的特定选项卡。只要你的标签在你的主页上。

它适用于所有页面,因此您可以链接主页上的一个选项卡,以重定向到另一个带有选项卡内容的页面,比如说您的About页面,那么您的url将与我们之前设置的链接选项卡类似(www.yourdomain.com/About/#custom1)。

如果注意到链接中的破折号(-)被定义为(#),那么可以使用元素id进行一些创新,例如custom1 more info for your doomin如下所示:(www.yourdomain.com/#custom1#more#info)。

希望这能帮助别人,比上面的解决方案简单一点。

结束

相关推荐

Siteurl code for links

我正在为我的朋友业务开发一个wordpress网站,我正在我的个人服务器上开发它,然后在完成后将其导出并导入到他的服务器上。我在其中的一些页面中添加了som按钮,这些按钮可以链接到此网站上的其他页面。它基本上使用了代码:[按钮链接=”。然而,我的问题是,当它移动到我的朋友服务器时,它将位于与我正在使用的URL不同的URL下,这意味着按钮的当前链接将不起作用。是否有任何类型的代码可用于使用siteurl?因此,基本上,当站点托管在其他URL上时,它将使用该URL。希望这有意义!干杯谢谢!:)