我正在使用Dragend插件将一系列网页转换为幻灯片。我的HTML看起来像这样:
<main id="swipe-page">
<div class="dragend-page">
<div class="page-content"></div>
<div class="page-content"></div>
<div class="page-content"></div>
</div>
<div class="dragend-page">
<div class="page-content"></div>
<div class="page-content"></div>
</div>
<div class="dragend-page">
<div class="page-content"></div>
<div class="page-content"></div>
<div class="page-content"></div>
<div class="page-content"></div>
<div class="page-content"></div>
</div>
</main>
有些幻灯片比其他幻灯片要大,所以我尝试使用jQuery手动调整高度,因为插件只是给每张幻灯片一个非常大的高度。
为了尝试这样做,我首先通过运行此命令获得正确的dragend-page幻灯片:
$('.dragend-page').eq(this.page)
现在我需要获取最后一页内容div的位置。我试图这样做:
$('.dragend-page').eq(this.page).children(".page-content").last()
但它没有返回任何东西。 $('。dragend-page')。eq(this.page)没有返回对象。
this.page 返回用户所在的当前幻灯片(dragend-page div)
那我该如何手动调整高度呢?有更好的方法吗?