我正在为客户做一个网站,我在JavaScript和jQuery方面相当新。我需要Swiper jQuery插件的帮助。我正在使用他们的方式自动检测并分配幻灯片的链接,但我不满意。我试图弄清楚如何用幻灯片手动链接我的菜单中的每个链接。该网站将是静态的,所以这将是好的。这是他们的API:
http://www.idangero.us/sliders/swiper/api.php
我知道这是正确的选择,但不知道如何使用它:mySwiper.swipeTo(index, speed, runCallbacks)
- “运行转换到索引号等于'index'参数的幻灯片,速度等于'speed'你可以将'runCallbacks'设置为false(默认为'true'),转换不会产生onSlideChange回调函数。“
我有这个HTML代码:
<div class="swiper-slide" index="1">
<div class="content-slide">
<p>Content</p>
</div>
</div>
我在幻灯片中添加了值为1的index参数,如api所述,而不是使用此代码:
$(".logo").click(function() {
tabsSwiper.swipeTo(1)
});
但是,它不起作用。我不知道我做错了什么。我希望有人能帮帮忙。谢谢。