Question

我有一个按钮，设置为调用javascript函数以自动激活＆＃34;标签＆＃34;在页面上。加载该选项卡时，会显示子选项卡。我正在尝试设置它，以便在单击按钮时也会自动激活其中一个子选项卡。

目前我可以选择第一个标签，但我无法选择子标签。 #detailsTab是第一个标签的id。 #personal-information是我要选择的子选项卡的ID。

以下是我所拥有的。

这都在同一个档案中：
HTML：

<button class="button button--primary button--sm" onclick="viewDetials()">View Details</button>

使用Javascript：

<script type="text/javascript">
    function viewDetials() {
        $("#detailsTab").click();
        personalSubTab();
    }

    window.onload = function personalSubTab() {
        $("#personal-information").click();
    }
</script>

Answer 1

尝试组合您的功能并为子选项卡添加短暂延迟。

function viewDetials() {
    $("#detailsTab").click();

    setTimeout(function(){
        $("#personal-information").click();
    }, 200);  // This value can be tweaked

}

Answer 2

文档准备好后将调用以下内容。

<script type="text/javascript">
    function viewDetials() {
        $("#detailsTab").click();
        personalSubTab();
    }

    function personalSubTab() {
        $("#personal-information").click();
    }

    // Document ready
    $(function () {
        personalSubTab();
    });
</script>

Answer 3

我不确定你想做什么 - 但是如果你想在另一个按钮/ div上使用触发器生成点击事件，不要点击 - 就像这样：

function personalSubTab() {
$("#personal-information").trigger('click');}

仅在页面加载后在javascript中调用函数

3 个答案: