Question

我有一个我为Wordpress网站创建的滑块，我遇到了问题。我有一些jQuery调整幻灯片的div来填充屏幕。问题是他们使用的插件最初并未加载所有幻灯片 - 它通过AJAX调用加载它们。所以，因为我的jQuery在$(document).load()上，所以它不起作用。第一张幻灯片看起来应该如此，但下面的幻灯片不能填满屏幕的高度。有没有办法调整所有div的大小，即使它们没有加载到DOM中？

我尝试通过在每次AJAX成功时运行一个函数来实现这一点，但是你可以看到幻灯片的div调整大小并且看起来不太好。

这是我的jQuery：

height = $(window).height(); $('.et_pb_slide').height(height - 70);

以下是div的问题：

<div class="et_pb_slide et_pb_bg_layout_dark et_pb_media_alignment_center et-pb-active-slide" style='background-image:url(http://takethecity.dev/wp-content/uploads/2015/05/columbus_bw.jpg)'>

Answer 1

您无法定位DOM中不存在的元素。

ajax呼叫完成后，如何进行所需的重新调整大小？如果你不喜欢＆＃34;动画＆＃34;在调整元素大小之前隐藏元素，并在调整大小完成后显示它。

$.ajax({
 ....,
 success: function(){
    //do your stuff here.
  }
});

使滑块div具有相同的高度。 AJAX正在干扰这一点

1 个答案: