javascript - 页面加载后显示元素

Question

在我的 html 页面中，我有一个位于首屏的 .breadcrumb 类元素，我想在页面加载之前隐藏此元素。然后在另一个元素 ID #BreadcrumbSnippet 中 .appendTo。

我已经完成了第二部分，但问题是当页面加载时面包屑移动到它应该在的位置但以一种非常奇怪的方式移动时看起来很奇怪。所以如果我可以隐藏 .breadcrumb 并且它只在页面加载后显示并且 div 也在另一个 div 中附加到。

$(window).load(function() {
$(".breadcrumbs").appendTo("#breadcrumbSnippet");
});

在 CSS 中我添加了 display: none; 但它保持隐藏状态。

Answer 1

我想你想要这个:

$(window).load(function() {
   $(".breadcrumbs").appendTo("#breadcrumbSnippet");
    $(".breadcrumbs").show(); //or you can use  $(".breadcrumbs").attr("display","block");

});