Question

此插件存在问题：http://slideme.luigiferraresi.it/

我已经完全按照它应该或应该的方式设置我的html，我使用ul中的部分而不是列表项＆＃34; li＆＃34;。文档说，对于插件，您可以使用带有节的div或使用带有li的ul。我试过两个和同样的bug。基本上使用下面的脚本及其选项，插件似乎不计算html中的当前幻灯片，默认情况下会添加一个包含我的幻灯片项目的列表项，即我的部分元素。我已经尝试了文档中的一些方法列表，其中包括＆＃34;更新＆＃34;。这解决了我的问题，但后来我不知道如何使用这种方法并使用我需要的选项，例如：触摸：真实，分页等

jQuery的：

jQuery('#slider').slideme({
    pagination: 'numbers',
    touch: true,
    swipe: true,
    arrows: true,
    autoslide: false,
    itemsForSlide: 2,
    labels: {
        next: 'next',
        prev: 'prev'
    }
});

jQuery修复了两个部分的li包装，我不知道如何使用上面的代码，所以先更新然后加载我的选项：

jQuery('#slider').slideme('update');

HTML：

我在代码编辑器中的当前html：

<div id="slider">
<div class="slideme">
    <article class="">
    </article>

    <article class="">
    </article>
</div>
</div>

在inspect上显示HTML：

<div id="slider">
<div class="slideme">
  <li class="current">

    <article class="">
    </article>

    <article class="">
    </article>

  </li>
</div>
</div>

任何帮助表示感谢：）

Answer 1

要求JQuery在更改选项之前等待页面加载：）

$(document).ready(function() {
    $('#slider').slideme({
        pagination: 'numbers',
        arrows: true,
        autoslide: false,
        labels: {
            next: 'next slide',
            prev: 'prev slide'
        }
    });
});

jQuery更新方法然后设置选项

1 个答案: