-1

我正在使用Uno 滑块，我有一些标题，我想在一张幻灯片中显示每个“n”个标题，目前每张幻灯片只显示一个标题，有没有办法在一张幻灯片中放置超过 1 个项目？

html标记：

<div class="article-content-holder">
<ul class="article-titles-holder">
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
    <li>title </li>
</ul>
<div class="unoSliderNav"></div>
</div>

这是小提琴

有什么方法可以在不触及核心的情况下做到这一点，那就太好了。谢谢。

4

2 回答 2

2

好吧，我找到了一个解决方案：首先将每个 n 元素包装在具有特定类的 div 中：

    var titles = $(".article-titles-holder li");
for(var i = 0; i < titles.length; i+=10) {
  titles.slice(i, i+10).wrapAll("<div class='title-slide'></div>");
}

然后附加 Uno Slider 并使其选择您的 div 类：

window.unoSlider = $('#titles-holder').unoSlider({
                                                         selector:".title-slide"
                                                         });

就是这样，它在一张幻灯片中显示每 n 个（在本例中为 10 个）元素

于 2013-06-01T14:04:33.910 回答
0

默认情况下，滑块仅针对<li>元素。有一个选项可以将不同的选择器传递给.unoSlider()函数，所以试试这个。每张幻灯片都需要不同，以便插件的.find()调用可以找到它们。用一个简单的选择器。

于 2013-06-01T13:37:00.887 回答