gpt4 book ai didi

javascript - 取消 slider 无法与按钮一起使用

转载 作者:行者123 更新时间:2023-11-28 09:00:05 25 4
gpt4 key购买 nike

我正在使用开源“unslider”,并且我使用代码来启用按钮“滑动”到一个或另一个图像。此处提供的代码:http:www.unslider.com “添加上一行/下一行”不起作用。

我提供了我正在使用的 css 规则和 html 标签:

div class="wrapper">
<div id="banner_promos">
<!-- Botones del banner e imagen -->
<div id ="left_arrow">
<a href="#" class="unslider-arrow prev"><img src="images/arrow-left-02.png" width="40" height="40"></a>
</div>
<div id ="right_arrow">
<a href="#" class="unslider-arrow next"><img src="images/arrow-right-01.png" width="40" height="40"></a>
</div>
<div id="img_banner" class="banner">
<script src="pages/scripts/slider.js"></script>
<ul>
<li>
<img src="images/promos/pepes_promo.jpg" width="700" height="350"/>
</li>
<li>
<img src="images/promos/guidos_promo.jpg" width="700" height="350"/>
</li>
</ul>
</div>
</div>

这是 CSS 规则:

    #left_arrow, #right_arrow{
margin-top:140;
}
#left_arrow{
float:left;
}
#right_arrow{
float:right;
}
#img_banner{
/*float:left;
*/
}
.banner { position: relative; overflow: auto; top: 0px }
.banner li { list-style: none; }
.banner ul li { float: left; }

我使用的代码如下:

var unslider = $('.banner').unslider();
$('.unslider-arrow').click(function(event) {
alert('entra');
event.preventDefault();
if ($(this).hasClass('next')) {
unslider.data('unslider')['next']();
} else {
unslider.data('unslider')['prev']();
};
});

最佳答案

把你的代码放进去

$(document).ready(function () {
// code goes here
});

关于javascript - 取消 slider 无法与按钮一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17870820/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com