Проблема с карусельной бутстрапом в вызове ajax

Бутстрап-карусель слайдов не работает в вызове ajax success. 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

yes ... Если я пишу его вне вызова ajax, но внутри функции document.ready, то он работает нормально. – user1298426

И обратный вызов 'success' определенно называется? Если вы положили 'console.log ($ ('# myCarousel'));' перед вызовом карусели он регистрирует объект JQuery в консоли разработчика? – mccannf

Правильный синтаксис для перехода к следующему слайду является $('#myCarousel').carousel('next');

источник

2014-09-20 22:36:09 Schmalzy

Это сработало ... Спасибо !!! Ранее этого синтаксиса не видел. – user1298426

Проблема с карусельной бутстрапом в вызове ajax

ответ

Смежные вопросы