Bootstrap轮播指标和控件无法从PHP运行

Question

I'm using php to search a database in order to get pictures for my Carousel, it loads the pictures, and cycles in time, but whenever I click on the side arrows or the indicators, it does nothing , I tried changing the jQuery version (which seemed to be the solution in all the past questions I checked) but it didn't work... is it because I'm loading it from php?

The PHP code:

$count = 0;
forEach($filas as $fila){
        $idimg = $fila['id_imagen'];
        if($count==0){
          $indicator .= '<li data-target="#imagenes" data-slide-to="0" class="active"></li>';
          $inner .= '<div class="item active"><img class="img-responsive center-block" src="getimg.php?id='.$idprod.'&img='.$idimg.'" alt="'.$nprod.'"></div>';
        }else{
          $indicator .= '<li data-target="#imagenes" data-slide-to="'.$count.'"></li>';
          $inner .= '<div class="item"><img class="img-responsive center-block" src="getimg.php?id='.$idprod.'&img='.$idimg.'" alt="'.$nprod.'"></div>';
        }
        $count++;
      }

The HTML markup

        <div class="carousel-slide" id="imagenes" data-ride="carousel">
          <ol class="carousel-indicators">
            <?php print("$indicator");?>
          </ol>
          <div class="carousel-inner" role="listbox">
            <?php print("$inner");?>
          </div>

          <!-- Left and right controls -->
          <a class="left carousel-control" href="#imagenes" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          </a>
          <a class="right carousel-control" href="#imagenes" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          </a>
        </div>

Answer 1

i can't add the comment, so there is my suggestion on the problem. There reason is jquery carousel fired on $(document).ready() , but you are loading content dynamically, so you need to apply $(..).carousel() after the load or write own trigger for the navigation like so

$(document).on('#left','click',function(){
  $('.carousel').carousel('prev');
});

1. Try own navigations. Here is the jsfiddle example of the bootstrap carousel navigations methods - https://jsfiddle.net/Lomj9k4j/1/

2. Try to fire $('.carousel').carousel() on document ready

   $(document).ready(){ $('.carousel').carousel(); });

usefull link - http://getbootstrap.com/javascript/#carousel

Answer 2

经过很多次尝试后，我终于设法看到了我的错误，对于没有注意到它，我必须绝对道歉，在我的标记上，我键入了class =“ carousel-slide”而不是“ carousel slide” ...，现在已经解决了完美地工作。