Question

我有一个小脚本，可以在加载页面时在单个帖子中为我的内容设置动画，它会从右侧滑动到左侧。在我输入地址后直接进入特定页面时，一切正常工作......但是，当我使用高级AJAX页面加载器http://wordpress.org/extend/plugins/advanced-ajax-page-loader/进入此页面时，它无法正常工作。我猜这个问题出现在“$（window）.load”中，有没有相应的改变呢？

有我的剧本：

<script type="text/javascript">
   $(window).load(function() {
     $('#main-content-slide').animate({'left':'0%'}, 1500);
   });
</script>

抱歉我的英语不好，希望你能理解我。

Answer 1

如果页面是通过Ajax加载的，那么在我看来，您想要设置动画的内容只会在整个$(window).load()已经发生后加载。窗口首先加载，然后Ajax拉出内容，对吗？

因此，您需要注意内容的位置，并等待其内容可见;到位。也许是这样的：

<script type="text/javascript">
   $(window).load(function() {
     if ($('#main-content-slide').length > 0) {
       $('#main-content-slide').animate({'left':'0%'}, 1500);
     }
   });
</script>

编辑：另一个想法是将代码直接放在正在呈现的元素下面，这样就可以确保在代码运行时'#main-content-slide'元素就位。

祝你好运！

$（window）.load等效于Wordpress中的高级Ajax页面加载器

1 个答案: