Question

我与animate.css合作。我有一个像这样的HTML：

的index.html

<h1>Example</h1><div class="instagram-widget"></div>

index.js

 jQuery('h1').mouseenter(function () {
jQuery(this).addClass('fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
    jQuery(this).addClass('fadeOutUp').removeClass('fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
        jQuery(this).removeClass('fadeOutUp');
    });
}); });

一切都有效！

我有一个带有API的Instagram（我可以显示我的照片 - 不用担心API）。我向 index.js 添加了一个API代码。我没有把所有代码放在这里以简化问题。我追加

jQuery('<a>').attr('href', url).append( // inside it, append an image jQuery('<img>').attr('src',src), jQuery('<div class="comment">').html(comment) ) // end append .appendTo('.instagram-widget')

然后我将jQuery('h1').mouseenter(function () {更改为jQuery('.comment').mouseenter(function () {

Doenst工作。它看似很简单，因为.comment与jQuery('.comment').mouseenter(function () {同时执行，因为在一个文件中。

问题

如何使.comment有效？是否有任何函数在另一个脚本完成后加载脚本？

Answer 1

您可以使用Promise - 好方法，或只是.setTimeout() - 糟糕的方式。

使用Promise，您可以确保一条代码只能在另一条代码之后执行。

在jQuery中运行另一个脚本后的脚本

1 个答案: