我正在尝试使用 Unslider 创建自定义导航.
我想在单击幻灯片时前进到下一张幻灯片。
我是 Javascript 新手。我目前的代码是:
<script>
jQuery(document).ready(function($) {
$('.my-slider').unslider({
arrows:false
});
.on('click', function(){
.unslider('next');
});
});
</script>
HTML:
<div class="my-slider">
<ul>
<li><img class="img-pad" src="img/img-1.jpg" alt=""></li>
<li><img class="img-pad" src="img/img-2.jpg" alt=""></li>
<li><img class="img-pad" src="img/img-3.jpg" alt=""></li>
</ul>
</div>
我知道这是错的,但不知道错到什么程度。
最佳答案
您在 unslider
之前错误地使用了 .
。请记住,点应该始终跟在对象之后。单独使用一个点没有任何意义。
所以你的 onClick 函数目前什么都不做,因为它是这样的:
function(){
.unslider('next');
};
您是在告诉代码在不存在的实体上调用函数。
试试这个:
function(){
$('.my-slider').unslider('next');
};
尽管这实际上不起作用(因为 unslider
是一种初始化方法)。您需要引用 unslider 对象。所以这可能有效:
function(){
this.('next');
};
或者您可以阅读文档并使用他们的示例来代替:
<script>
jQuery(document).ready(function($) {
var slider = $('.my-slider').unslider(
{
arrows:false
});
slider.on('click', function(){
slider.unslider('next');
});
});
</script>
关于javascript - 如何向 Unslider 添加自定义 onClick 函数,以便前进到下一张幻灯片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49580379/