javascript - 默认使用 jQuery 加载 div 内容

Question

我想在页面加载时显示 #destiny2。 #destiny2 包含一些文本和图像，以及任意 3 个类别的其他内容。我必须单击类别元素才能显示它 - 页面加载后(默认显示第一个类别)必须在不单击的情况下显示第一个内容，并在单击类别名称后显示其他两个类别的内容，因为它现在可以正常工作。

我确定 $window(onload) 应该修复它，但它对我不起作用...

这是我的代码:

if($(response).hasClass('one')){
    $('.ajax-destiny #destiny1').empty();
    var odp = $('.ajax-destiny #destiny2').empty().append(response).parent().addClass('height');
    $(odp).find('.one > #cont').append($('#information').html());
} else {
    $('.ajax-destiny #destiny2').empty();
    $('.ajax-destiny #destiny1').empty().append(response).parent().addClass('height');
}

Answer 1

$window(onload) - 这甚至不是正确的语法，应该是

window.onload = function() 
    {
        // code to display #destiny2
    };`

但是，这不是解决问题的最佳方式；我不确定它是否已被弃用...

您还可以尝试的是 $(document).ready(...)，这实际上是我的首选方式。语法是:

$(document).ready( function() {
    // code to display #destiny2
};

将其添加到 javascript 文件的开头。这将在加载整个文档后显示它，因此它将避免在元素准备好之前尝试显示它。 Documentation here.