Bootstrap传送带指示灯和控件无法从php

我正在使用PHP来搜索数据库，以便为我的传送带获取图片，它会加载图片和时间周期，但每当我单击侧面箭头或指标，它什么都不做，我试着改变jQuery版本（这似乎是我检查过的所有问题的解决方案），但它没有工作......是因为我从PHP加载它？Bootstrap传送带指示灯和控件无法从php

的PHP代码：

$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++; 
     }

的HTML标记

 <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>

来源

2015-09-11 AskOcre

很多attemps后，我终于设法看到我的错误，我必须绝对道歉，因为我没有注意到，在我输入class =“carousel-slide”而不是“carousel slide”的标记中......修正了它并且它现在工作完美无瑕。

来源

2015-09-14 15:53:32 AskOcre

我不能添加评论，所以我对这个问题的建议。有原因是$(document).ready()发射jQuery的旋转木马，而是要动态加载内容，所以你需要加载后应用$(..).carousel()或写自己的触发为导航，像这样

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

尝试自己导航。这里是引导转盘导航方法的jsfiddle例子 - https://jsfiddle.net/Lomj9k4j/1/
尝试在文件准备开火$('.carousel').carousel()

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

有用的链接 -

来源

2015-09-11 17:53:17

对你更好的类不是ids，你可以使用'attr（'href'）'或'attr（'data-target'）'检索轮播'id'' –

我不完全确定我理解你意思是$（..）。carousel（），你的意思是在bootstrap.js中的定义？我应该在我的PHP中添加触发器吗？ – AskOcre

例如，你可以创建一个IDS'＃left'和'＃right'自己的导航箭头，如果你看看这个页面http://getbootstrap.com/javascript/#carousel，有“方法”旋转木马。在这个例子中去上班的箭头，你只需将此代码添加到您的模板文件或main.js文件（不编辑bootstrap.js） '$（函数（）{ $（“＃左”）。（'。carousel'）。carousel（'prev'）; }）; $（'＃right'）。click（function（）{0。0}转盘（“下一个”）; }）;} ）'和也有方法'.carousel（数）'其中'number'是的项的数目（从0） –

Bootstrap传送带指示灯和控件无法从php

回答

相关问题