如何在 table 的选项卡中触发 link？

Question

当用户在主页上时，他可以单击 link 将他重定向到另一个页面（到目前为止，它有效）。在新页面中，我希望 link 通过“自动点击”（触发）自动打开 table 的第二个选项卡。

主页的link是特定的（它有一个锚点）。我设法制作了一个有效的脚本，问题是如果我从导航菜单打开此页面，table 的第二个选项卡仍然打开。

我希望只有特定的 link 可以自动打开 table 的第二个选项卡。

Landing Page Service Page

这是我使用的代码：

$(document).ready(function(){
    $('#test').click(function(){
        console.log('clicked');
       });
     // set time out 5 sec
        setTimeout(function(){
           $('.et_pb_tab_3 > a').trigger('click');
       }, 500);
       console.log('triggered');
   });

非常感谢您的帮助。

此致，

约翰

Answer 1

url 参数可能会为您完成工作。从 link 你想打开你可以做这样的事情：example-link.com?showTable=True.

然后在新页面上寻找那个 url 参数，只有在它存在且为真时才打开。

example-link.com#rebozo?showTable=True

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const product = urlParams.get('showTable')
if (showTable && showTable === 'True') {
    // code to open the table
}

https://www.sitepoint.com/get-url-parameters-with-javascript/

Answer 2

好的，这很简单，我要感谢@Branson Smith 的灵感。

我刚刚有条件语句来检查 url 中是否有散列：

if (window.location.hash == '#myHash') {
    $(document).ready(function(){
        $('#myID').click(function(){
            console.log('clicked');
           });
            setTimeout(function(){
               $('.myClass > a').trigger('click');
           }, 2000);
           console.log('triggered');
       });
};

如何在 table 的选项卡中触发 link？

How to trigger a link in a tab of a table?

javascript

jquery

wordpress

triggers

anchor