2

これをよりクリーンな方法で記述する方法、または少なくとも何らかの方法でページ上にある数を検出し、正しい量をエコーする方法があるのではないかと思っています。

$(document).ready(function(){
        $("div.projectBlock").each(function(index){
            $(this).find('a').addClass("group" + (index+1));
        });
    $(".group1").colorbox({rel:'group1', slideshow:true});
    $(".group2").colorbox({rel:'group2', slideshow:true});
    $(".group3").colorbox({rel:'group3', slideshow:true});
    $(".group4").colorbox({rel:'group4', slideshow:true});
    $(".group5").colorbox({rel:'group5', slideshow:true});
    $(".group6").colorbox({rel:'group6', slideshow:true});
    $(".group7").colorbox({rel:'group7', slideshow:true});
    $(".group8").colorbox({rel:'group8', slideshow:true});
    $(".group9").colorbox({rel:'group9', slideshow:true});
    $(".group10").colorbox({rel:'group10', slideshow:true});
    $(".group11").colorbox({rel:'group11', slideshow:true});
    $(".group12").colorbox({rel:'group12', slideshow:true});
    $(".group13").colorbox({rel:'group13', slideshow:true});
    $(".group14").colorbox({rel:'group14', slideshow:true});
    $(".group15").colorbox({rel:'group15', slideshow:true});
    $(".group16").colorbox({rel:'group16', slideshow:true});
    $(".group17").colorbox({rel:'group17', slideshow:true});
    $(".group18").colorbox({rel:'group18', slideshow:true});
    $(".group19").colorbox({rel:'group19', slideshow:true});
    $(".group20").colorbox({rel:'group20', slideshow:true});
});

上部に設定して、group1、group2 などのクラスをページの div に追加しますが、使用する個別のページごとに、その下のコードに正しい量のグループを表示したいと思います20 を追加するだけでなく、colorbox を使用します。ページには、多かれ少なかれ含まれる可能性があります。

4

1 に答える 1

4
$(function(){
  $("div.projectBlock").each(function(index){
    var className = "group" + (index+1);

    $(this).find("a")
    .addClass(className)
    .colorbox({rel:className, slideshow:true});
  });
});
于 2012-05-21T19:51:32.690 に答える