0

私は 3 つの表示項目を持つ rcarousel を持っています。1 回クリックすると、項目がすべての項目から削除され、クリックされた項目にクラスが追加されます。ただし、DOM にあるアイテムは、表示されている 3 つだけです。そのため、クラスが表示されていないアイテムが表示されていて、ユーザーが別のアイテムをクリックし、前のアイテムにスクロールして戻ると、2 つのアイテムが選択されます。非表示のアイテムにアクセスして、それらからクラスを削除するにはどうすればよいですか?

HTMLは次のとおりです。

<div id="seitemvideocarouselcontainer">

    <div id="ui-carousel-prev"></div>

<div class="seitemvideocarousel">

        <div class="carousel-item">
            <div class="videothumbnail">
                <img class="seitemvideocarousel-90 selected" src="/images/library/videothumb/363303782_200.jpg" onclick="selectVideo(90)" title="Econom Recharge" alt="Econom Recharge">
            </div>
            <div class="videotitle">
                Econom Recharge 
            </div>
        </div>

        <div class="carousel-item">
            <div class="videothumbnail">
                <img class="seitemvideocarousel-84 " src="/images/library/videothumb/363159759_200.jpg" onclick="selectVideo(84)" title="Nalini Antares 12" alt="Nalini Antares 12">
            </div>
            <div class="videotitle">
                Nalini Antares 12 
            </div>
        </div>

        <div class="carousel-item">
            <div class="videothumbnail">
                <img class="seitemvideocarousel-2420 " src="/images/library/videothumb/5g8RYa1Aams.jpg" onclick="selectVideo(2420)" title="Mucka Blucka b" alt="Mucka Blucka b">
            </div>
            <div class="videotitle">
                Mucka Blucka b 
            </div>
        </div>

        <div class="carousel-item">
            <div class="videothumbnail">
                <img class="seitemvideocarousel-2438 " src="/images/library/videothumb/TTqpEJh03fI.jpg" onclick="selectVideo(2438)" title="I Uploaded This Video!" alt="I Uploaded This Video!">
            </div>
            <div class="videotitle">
                I Uploaded This Video! 
            </div>
        </div>

</div>

    <div id="ui-carousel-next"></div>

rcarousel 呼び出しは次のとおりです。

    $('.seitemvideocarousel').rcarousel({
        orientation: 'vertical'
    ,   visible: 3
    ,   width: 150
    ,   height: 120
    ,   start: onCarouselPageLoaded
    ,   pageLoaded: onCarouselPageLoaded
    });
4

1 に答える 1

0 
$('.event').on('click', function(e) {
     // Change this to selector or leave to remove class
     $(this).removeClass("class-to-remove');
});

何を探しているのか正確にはわかりませんが、それは基本的なクリック イベント + クラスの削除機能です。

于 2012-11-16T22:00:51.607 に答える