Javascript 如何隐藏特定滑块上的“下一步”按钮
我正在使用一个引导转盘,我想用问答题隐藏特定滑块上的“下一步”按钮。如果HTML测验上的JavaScript验证通过,旋转木马将循环到下一个图像滑块,下一个按钮应重新出现。我不擅长JavaScript和angular 这是我试图用来隐藏滑块5和8上的“下一步”按钮的脚本Javascript 如何隐藏特定滑块上的“下一步”按钮,javascript,html,angularjs,twitter-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,我正在使用一个引导转盘,我想用问答题隐藏特定滑块上的“下一步”按钮。如果HTML测验上的JavaScript验证通过,旋转木马将循环到下一个图像滑块,下一个按钮应重新出现。我不擅长JavaScript和angular 这是我试图用来隐藏滑块5和8上的“下一步”按钮的脚本 <script type="text/javascript"> $('.prev-slide').hide(); $('#myCarousel').on('slid.bs.carousel', functi
<script type="text/javascript">
$('.prev-slide').hide();
$('#myCarousel').on('slid.bs.carousel', function (ev) {
var carouselData = $(this).data('bs.carousel');
var currentIndex = carouselData.getActiveIndex();
if (currentIndex = 5 && 8) {
$('.prev-slide').show();
}
else {
$('.next-slide').hide();
}
})
</script>
请帮助。您可以这样写:
在js中:
if(currentIndex==5&¤tIndex==8){document.getElementById(“prevBtn”).style.display=“block”}
就在它的顶部,条件应该是if((currentIndex==5)&&&(currentIndex==8)){thanx.这很有帮助…..但问题仍然存在。但是它在所有幻灯片上都隐藏了PREV按钮。它不会随着滑块的变化而变化。@tendaitakas这是因为currentIndex
一次只能保存一个整数。它不能同时是5
和8
。你是指还是?例如if(currentIndex==5 | | currentIndex==8)
?谢谢,但它仍然不起作用。可能是我放它的地方。脚本应该放在slide()函数中,因为我放在了那里。
<div id = "myCarousel" class = "carousel slide" data-interval="false" >
<!-- Carousel indicators -->
<ol class = "carousel-indicators">
<li data-target = "#myCarousel" data-slide-to = "0" class = "active </li>
<li data-target = "#myCarousel" data-slide-to = "1"></li>
<li data-target = "#myCarousel" data-slide-to = "2"></li>
...
<li data-target = "#myCarousel" data-slide-to = "19"></li>
<li data-target = "#myCarousel" data-slide-to = "20"></li>
</ol>
<!-- Carousel items -->
<div class = "carousel-inner">
<div class = "item active">
<img src = "includes/modules/sliders/Business_planning_for_success/Slide1.JPG" alt = "slide">
</div>
<div class = "item">
<img src = "includes/modules/sliders/Business_planning_for_success/Slide2.JPG" alt = "slide">
</div>
....
<div class = "item">
<img src = "includes/modules/sliders/Business_planning_for_success/Slide21.JPG" alt = "slide">
</div>
</div>
<!-- Controls buttons -->
<div style = "text-align:center;">
<input type = "button" class = "btn-sm prev-slide" onclick="slide()" value = "Previous Slide">
<input type = "button" class = "btn-sm next-slide" onclick="slide()" value = "Next Slide">
</div>
function slide() {
// Cycles to the previous item
$(".prev-slide").click(function() {
$("#myCarousel").carousel('prev');
});
// Cycles to the next item
$(".next-slide").click(function() {
$("#myCarousel").carousel('next');
});
};