在dom操作之后准备文件

Question

我正在做一个应用程序,Phonegap我正在使用自建幻灯片转换来更改页面.它的工作原理如下:

每个页面的div高度和宽度都是100%,所以如果我更改页面,我会将div右边的页面设置为当前活动的页面,然后向右滑动到左侧.

现在问题:滑动工作正常,但是在右边的内容div完全加载之前执行.因此右侧div滑动为空,只有几百毫秒后内容才会出现.

我试过了document.ready,但是因为我读过这个事件只在第一次DOM加载时执行.

有谁知道我可以等待DOM被完全呈现后,再次我操纵的DOM有Javascript？

Answer 1

您可以使用 jQuery ajax 加载内容，并在成功后运行带有幻灯片的函数。

$("#page1").load('page2.html', function() {
    //do your custom animation here
});

尽管我不完全确定您如何加载内容。它是静态的（已经存在但只是不可见？）还是用ajax加载的？

编辑：您可以只执行一个小的 .delay() 或 setTimeout 几毫秒，然后设置滑动动画。