在幻灯片中获取最后一个子div的位置

时间:2015-06-14 16:34:32

标签: javascript jquery html css

我正在使用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)

那我该如何手动调整高度呢?有更好的方法吗?

0 个答案:

没有答案