0

これは私のコードです:

<div class='silderitem'>
Some Content
</div>

<div class='silderitem'>
Another Some Content
</div>

<div class='silderitem'>
Again Another Some Content
</div>

<a class="next">next</a>

jqueryを使って「次へ」をクリックしたときに次のクラスを変更したい。これを試しましたが、うまくいきません。

<script>
$(document).ready(function(){
    var Slideshow=$('.slideritem');
    $(".next").click(function(){slideshow.next();return false});
</script>

誰でも解決策を教えてもらえますか?

4

1 に答える 1

1

選択されていないアイテムを非表示にして、アイテムを循環させたい場合は、次のように機能する可能性があります: jsfiddle

CSS:

.silderitem { display: none }
.next { cursor: pointer }​

jquery:

$('.selected').show();

$(".next").click(function(){
    var selected = $('.selected');
    selected.removeClass('selected');
    selected.hide();

    var next = selected.next(".silderitem");
    if(next.length === 0) {
        next = $(".silderitem").first();
    }
    next.addClass('selected');
    next.show();
});​

html:

<div class='silderitem selected'>
Some Content
</div>

<div class='silderitem'>
Another Some Content
</div>

<div class='silderitem'>
Again Another Some Content
</div>

<a class="next">next</a>
于 2012-08-22T13:52:43.520 に答える