Question

<div id='myCarousel' class='carousel slide' data-ride='carousel' data-
interval='false'>
  <div class='carousel-inner'>
    <div class='item active' id='111'>
      <img  src='111.jpg' alt='Image 1'/>
    </div>
    <div class='item' id='112'>
      <img  src='112.jpg' alt='Image 2'/>
    </div>
    <div class='item' id='113'>
      <img  src='113.jpg' alt='Image 3'/>
    </div>
  </div>
  <a class='left carousel-control' href='#myCarousel' data-slide='prev'>
    <span class='glyphicon glyphicon-chevron-left'></span>
    <span class='sr-only'>Previous</span>
  </a>
  <a class='right carousel-control' href='#myCarousel' data-slide='next' 
  onclick='getid()'>
    <span class='glyphicon glyphicon-chevron-right'></span>
    <span class='sr-only'>Next</span>

  </a>
</div>

javascript : 
$('.glyphicon-chevron-left, .glyphicon-chevron-right').on('click', function 
() {
   var id = $('.carousel-inner').find('item.active').data('id');
   alert(id);

$('#myCarousel').bind('slid.bs.carousel', function (e) {
   console.log('after');
});

上面是我的引导程序轮播我想要获取项目活动轮播ID并在转盘下方显示当前图像的详细信息而不回发，并且还会有一个按钮，onclick会将数据回发回数据库。下面的轮播数据会随着幻灯片的变化而变化。我有搜索并尝试了很多选项但没有得到结果。上面的javascript代码我试图获取id但它无法正常工作。有人可以请指导吗？

谢谢

Answer 1

试

   console.log(slide.$slides.get(index).attr('id'))

Answer 2

试试这个：

$('.glyphicon-chevron-left, .glyphicon-chevron-right').on('click', function 
() {
    var id = $('.carousel-inner').find('item:active').attr('id');
    alert(id);

    $('#myCarousel').bind('slid.bs.carousel', function (e) {
      console.log('after');
    }
});

您可以通过attr方法从HTML DOM元素中获取任何属性的值。

如何从Caraousel获取id并显示有关特定图像的信息？

2 个答案: