0

我正在为我的网页创建一个基于方面的搜索，并且我在前端部分使用 jquery。每次搜索都会返回不同的方面。内容因搜索词而异。内容的数量也不稳定。因此，例如，我的方面将看起来像这样。刻面.jpg

一组包含在 div 元素中的单个术语。所以我看到的 div 的数量是 7，我想以这样的方式显示 div，即在一个页面中只显示 4 个 div，而在另一个页面中显示接下来的三个。所以我使用了名为 bxslider 的 jquery 插件。顺便说一句，我要把这组 7 个 div 分成两页吗？我使用的代码是

    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/。查看 if-else 语句是如何在 for 循环中使用的。如果迭代“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 回答