时间戳

首页 > 解决方案 > 加载特定元素后可以调用函数吗？

javascript - 加载特定元素后可以调用函数吗？

问题描述

加载特定元素后有什么方法可以调用函数吗？

像这样的东西：

var element = $('.elements-class');
element.on('load', function() {
    // Do something
});

编辑（更好的解释）：

DOM 准备好后，我有了元素，该元素内部是几张图像和一些文本。因此，我想在加载该块后为其设置动画，并且它都是子块。我不想等待页面的其余部分被加载。只有那个特定的元素，在这个例子中是元素。

标签： javascriptjqueryhtmleventsdom

解决方案

根据您问题中的此评论

我没有添加任何东西。一切都已经在 .html 文件中。我正在尝试在特定元素完成加载后开始动画。如果您知道我的意思，那么在加载后对“首屏”内容进行动画处理之类的东西。

你可以等待document.ready事件。<div>或<header>元素不支持load或ready附加事件，load事件通常针对加载远程资源的元素，如<img>.

这样做：

$(function () {
    //Do something
});

您确保在文档完成加载时执行回调中的代码。

跟进您的编辑。您可以将<script>标签插入到 dom 中，它们将按照插入的顺序执行。例如：

<div>
    <h1>Fancy title</h1>
    <script>
        /*
            here you can put code to manipulate dom elements inserted
            before this script tag.
            Trying to do $('p') here will not find the element because
            is not already in the dom.
        */
    </script>
    <p>Lorem ipsum dolor sit amet.</p>
</div>

让我知道这是否是您需要的。

推荐阅读