0

Web ページのファセット ベースの検索を作成しており、フロント エンド部分に jquery を使用しています。検索ごとに異なるファセットのセットが返されます。内容は検索ワードによって異なります。コンテンツ数も安定したものではありません。たとえば、私のファセットは次のようになります。ファセットjpg

div 要素内にラップされた個々の用語のセット。したがって、ご覧のとおり、この div の数は 7 であり、4 つの div のみが 1 つのページに表示され、次の 3 つが別のページに表示されるように div を表示したいと考えています。そこで、bxslider という名前の jquery プラグインを使用しました。ところで、7 つの div のセットを 2 ページに分割するにはどうすればよいでしょうか?? 私が使用したコードは

    noOfCol=Math.ceil(count4/8);
    noOfSlides=Math.ceil(noOfCol/4);
    //alert("Total number of slides " +noOfSlides);
    count4=0;
    var num=0;
    var num1=8;

    for(var count5=0;count5<noOfCol;++count5){
        var $newDiv = $('<div style="width:200px; height:160px; background-color:#000000; float:left; margin-left:10px; margin-top:10px; color:#ffffff;"></div>') ; 
        var $newDiv1 =$('<div style="float:left; width:900px; height:20px;"></div>') ;
        $("#test1").append($newDiv);

        for(count4=num; count4<num1; ++count4) {                        
            if(prsnArray[count4]==undefined) {
            } else {
                $newDiv.append('<input type="checkbox">&nbsp;&nbsp;&nbsp;&nbsp;' +prsnArray[count4].term + "&nbsp;&nbsp;(" + prsnArray[count4].count + ")" +'<br>');
            }
        }
        num=num+8
        num1=num1+8
    }

}
4

2 に答える 2

1

http://jsfiddle.net/bMmLE/ . for ループで if-else ステートメントがどのように使用されているかを確認してください。反復「i」が 4 を超える場合、コンテンツは別の div に配置されます。

私があなたの質問を正しく理解していれば、これはあなたが探しているものを達成すると思います。それがあなたを良い方向に向けてくれることを願っています。

于 2012-04-11T07:30:02.367 に答える
0

あなたが欲しいものについて少し混乱していますが、私はここに例を作成しました：http: //jsfiddle.net/bMmLE/2/

設定された最大数からスライダーのdivを自動化し、合計します。

count = 15; //random count
countPrDiv = 6; ///number of elements pr div
$parent = $('#sliderDiv'); //parent to add the divs too

for(var i = 0; count > i++;){
    if(i === 1) {
        $('<div></div>').appendTo($parent).addClass('max'+countPrDiv);
    } else if (i === countPrDiv) {
        countPrDiv = countPrDiv  + countPrDiv ;
        $('<div></div>').appendTo($parent).addClass('max'+countPrDiv);
    }

    $('.max'+countPrDiv).append('<p>'+i+'</p>');
}

$('#sliderDiv').bxSlider();
于 2012-04-12T13:13:47.810 に答える