javascript - document.ready() 函数未执行，在开发控制台中工作

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);