javascript - stellar.js 无法通过 AJAX 动态加载元素

Question

我在最近的一个项目中使用了出色的 Stellar.js ( http://markdalgleish.com/projects/stellar.js/ ) 来实现视差，但我遇到了挑战:

当我通过 AJAX 更改内容时，Stellar 没有注意到(在本例中是从 html 文件加载新的 div 并使用 jQuery 的 ReplaceWith 方法)。因此，我的新元素没有视差，即使它们具有出色的数据属性。

我尝试在 AJAX 完成后再次在窗口上调用 .stellar 函数，但它没有执行任何操作。

如何让 Stellar 正确地将视差应用于元素中的新 AJAX？

Answer 1

我知道这个问题很久以前就已经被接受了，但是对我来说上面的解决方案不起作用，所以我只是想分享这个对我有用的解决方案。

AJAX 调用成功后，您可以像这样调用 Stellar 的刷新功能:

$.stellar('refresh');

完整代码如下:

$.ajax({
    type: 'GET',
    url: ajaxUrl
}).done(function(data) {

    $(targetElement).html(data);

    $.stellar('refresh');

}).fail(function() {

    // Do something else

});