Question

我通过ajax加载内容，一切正常。

但是我得到了recent.js文件和animate.css文件

以下2不会工作，我不知道为什么。有谁知道为什么这不起作用？

$(document).on('appear', '.animated', function(){

    var dis = $(this);
    var animation = dis.data('animation');
    var delay = dis.data('delay');

    if(delay){
        setTimeout(function(){
            dis.addClass(animation);
        }, delay);
    } else {
        dis.addClass(animation);
    }
});

和这个

$('.animated').appear(function(){
    var dis = $(this);
    var animation = dis.data('animation');
    var delay = dis.data('delay');

    if(delay){
        setTimeout(function(){
            dis.addClass(animation);
        }, delay);
    } else {
        dis.addClass(animation);
    }
});

Answer 1

在您使用appear初始化插件之后，才会在元素上触发$(element).appear()事件。由于您使用AJAX动态加载元素，因此需要在新元素上初始化插件。所以你的回调需要是这样的：

.done(function(response) {
    $("#someDiv").html(response);
    $("#someDiv").find(".animated").appear().on("appear", function() {
        ...
    });
});

文件似乎不起作用

1 个答案: