Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/actionscript-3/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何隐藏特定滑块上的“下一步”按钮_Javascript_Html_Angularjs_Twitter Bootstrap - Fatal编程技术网

Javascript 如何隐藏特定滑块上的“下一步”按钮

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

我正在使用一个引导转盘,我想用问答题隐藏特定滑块上的“下一步”按钮。如果HTML测验上的JavaScript验证通过,旋转木马将循环到下一个图像滑块,下一个按钮应重新出现。我不擅长JavaScript和angular

这是我试图用来隐藏滑块5和8上的“下一步”按钮的脚本

<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');
});

};