1

我正在使用flowplayer的 jQuery 工具滑块

我设置了一个垂直可滚动的，总共 4 个图块，一次可见 3 个图块。包装元素有一个边框半径，我现在想在视图中的第一个和最后一个瓦片上设置半径。

这就是我所拥有的：

<div class="iTunesBanner" style="border-radius: .6em">
    <div class="outer_container">
        // other stuff
    </div>

    <div class="scroll_container">
        <div class="scrollable vertical">
            <div class="items">
                <div class="logo_container"></div>
                <div class="logo_container"></div>
                <div class="logo_container"></div>
                <div class="logo_container"></div>
            </div>
        </div>
    </div> 
</div><!-- banner -->

并初始化：

$(function() {
    if ( $('.items').children().length > 1 ) {
        $(".scrollable").scrollable({ vertical: true, circular: true }).autoscroll(7500);
        $('.logo_container:eq(2)').clone().insertAfter('.logo_container:eq(4)').addClass('clone2nd cloned');
        $('.logo_container:eq(3)').clone().insertAfter('.clone2nd').addClass('clone3rd cloned');
        $('.logo_container:eq(4)').clone().insertAfter('.clone3rd').addClass('clone4th cloned');
    }
});

所以我基本上是在制作 4+3 个元素，然后旋转木马。我将高度设置logo_container为 1/3，scroll_container因此我一次可以看到 3 个图块。

我现在想将一个类附加到第一个和最后一个可见的图块上，以便为这些元素提供边框。

如果不深入研究插件，这可能吗？

感谢您的任何提示。完全迷失在这里。

4

2 回答 2

0

尝试这个：

$(".logo_container:first-child").addClass("first");
$(".logo_container:last-child").addClass("last");

确保在添加了 3 个额外元素之后放置它。

于 2012-01-12T11:35:46.950 回答
0

就像是

$('.logo_container:first, .logo_container:last').addClass('someclass');

也许？

于 2012-01-12T11:37:34.257 回答