ajax调用中的引导程序传送带问题

引导程序传送带滑块在ajax成功调用中不起作用。 Ajax调用完成没有任何问题，但$("#myCarousel").carousel();不工作&未显示下一张幻灯片。ajax调用中的引导程序传送带问题

<head> 
.... 
<link rel="stylesheet" href="resources/css/bootstrap.min.css"> 
<link rel="stylesheet" href="resources/css/bootstrap-theme.min.css"> 
<script src="resources/js/jquery-1.11.1.min.js"></script> 
<script src="resources/js/bootstrap.min.js"></script> 


<script type="text/javascript"> 


    $(document).ready(function() { 

     $('#myId').click(function(event) { 
     $.ajax({ 
      url: $("#myId").attr("action"), 
      type: 'GET', 
      dataType: 'json',   
      contentType : 'application/json', 
      success: function(data) { 
       $("#myCarousel").carousel(); 
      } 
     }); 
     event.preventDefault(); 
     }); 
    }); 
    </script> 



</head> 
<body> 
..... 
<div class="container"> 

    <div id="myCarousel" class="carousel slide" data-interval="false" data-ride="carousel"> 
     <div class="carousel-inner"> 
      <div class="active item"> 
      ... 
       <button id="myId" action="${pageContext.request.contextPath}/create" type="submit" class="btn btn-primary">Login</button> 
      </div> 
      <div class="item"> 
       <h2>Slide 2</h2> 
      .... 
      </div> 
     </div> 
    </div> 
</div> 


</body> 
</html>

来源

2014-09-20 user1298426

是否Ajax调用之外的工作？ – mccannf 2014-09-20 19:08:08

是的...如果我把它写在ajax调用之外但在document.ready函数内部，那么它工作正常。 – user1298426 2014-09-20 19:09:04

“成功”回调肯定被称为？如果在传送带调用之前放置'console.log（$（'＃myCarousel'））;''''，它会在开发者控制台中记录JQuery对象？ – mccannf 2014-09-20 19:23:06

正确的语法来移动到下一个幻灯片是$('#myCarousel').carousel('next');

来源

2014-09-20 22:36:09 Schmalzy

这工作...谢谢！之前没有看到这个语法。 – user1298426 2014-09-21 06:42:20

ajax调用中的引导程序传送带问题

回答

相关问题