页面加载后显示元素。

Question

在我的html页面中，有一个类名为.breadcrumb的元素位于视窗之上，我想在页面加载前隐藏此元素并将其.appendTo到另一个元素ID#BreadcrumbSnippet中。我已经完成了第二部分，但问题是当页面加载时，面包屑元素会以一种奇怪的方式移动，看起来非常不协调。如果我能隐藏.breadcrumb并在页面加载后显示它，并将div附加到另一个div中，那就好了。

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

在CSS中我添加了display: none;，但它仍然隐藏。

- yaqoob

---

或许尝试添加 $('.breadcrumbs').show()。 - Cthulhu

尝试使用 .css("display", "block") - Tigran

Answer 1

我想你需要这个：

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

});

- Somnath Kharat

Answer 2

试试这个，

$(".breadcrumbs").appendTo("#breadcrumbSnippet").show();

- Krish R