javascript - 从bxslider中的70个列表中随机显示6个元素

在网站中实现bxslider（http://bxslider.com/）时，我有一个唯一的查询。

我尝试搜索此问题，但无法解决。

我已经拉出页面上的所有70个项目并应用了滑块，并且可以正常工作。但有可能在70个列表中的滑块中仅显示6个随机项。

我一定会感谢您的帮助。

<ul id="bx-slider-random">
<li>item item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
<li>item 7</li>
<li>item 8</li>
<li>item 9</li>
<li>item 10</li>
.
.
.
.
.
.
.
<li>item 70</li>

$ j（'＃bx-slider-random'）。bxSlider（{
    自动：是的，
    autoControls：正确
}）;

我已经将70个项目提取到滑块中。
但是需要知道我是否每次刷新页面时都只能直接显示所有70个项目中的随机6个项目。

谢谢 ：）
干杯...

最佳答案

有可能。从外观到页面来源，您应该首先获得所有70个项目，然后随机选择其中一些，然后将其放入<li>。
最后，您可以调用框滑块初始化。
如果您有示例代码，我可以为您提供更多帮助吗？

这是你的代码

var mindc = 0;
var maxdc = $('ul#bx-slider-random li').length;
for(var i=0; i<63; i++){
    randomIndex = Math.floor(Math.random() * (maxdc - mindc + 1)) + mindc;
    $('ul#bx-slider-random li').eq(randomIndex).remove();
}
$('#bx-slider-random').bxSlider({ auto: true, autoControls: true });

编辑

这很少编辑，只是在您的小提琴中起作用（是否需要noConflict？）：

var mindc = 0;
var maxdc = $('ul#bx-slider-random li').length;
alert(maxdc);
for(var i=0; i<19; i++){
    randomIndex = Math.floor(Math.random() * (maxdc - mindc + 1)) + mindc;
    $('ul#bx-slider-random li').eq(randomIndex).remove();
}
$('#bx-slider-random').bxSlider({ auto: true, autoControls: true });