Question

我正在尝试在页面加载时模拟选项卡式div中的单击。

为此，我使用：

$(document).ready(function() {
    $("#tab_inbox").click();
});

但是，这似乎不起作用，但当我在Google Chrome上的开发控制台中输入此内容时，确实有效..

$("#tab_inbox").click();

要显示标签，我使用以下代码：

$("#tab_inbox").click(function() {
    $("#othertab").hide();
    $("#tab_inbox").show();
});

有人知道什么是错的吗？

Answer 1

试试这个：

$(document).ready(function() {

setTimeout(function () {
           $("#tab_inbox").trigger('click'); //do work here
        }, 2500);

});

Answer 2

我在你的评论中读到你正在使用显示/隐藏技术，我认为你需要点击进行初始显示选项？如果是这样，请在代码中隐藏（或显示）您的元素，而不是单击隐藏/显示。所以

$(document).ready(function() {
    $("#tab_inbox").hide();
}

或尝试核心JavaScript并使用

window.onload = function() {
    // code here
}

window.onload等待，直到你的页面上加载了所有内容，而jQuery的.ready（）可能会在加载图像和其他媒体之前触发。

Answer 3

您可以尝试使用纯JS创建自己的函数：

document.getElementById('triggerElement').addEventListener('click', funtction(e) {
    document.getElementById('hideElement').style.display = 'none';
    document.getElementById('showElement').style.display = 'block';
}, false);

document.ready（）函数未执行，在dev控制台中工作

3 个答案: