html - Bootstrap 轮播无法使用图像上的特定链接

Question

<div class="carousel-inner">
       <div class="item active" >
          <a href='test' target='_blank'><img src="/site_media/test_image.jpg" alt="test test"></a>
          <div class="carousel-caption">
          <h3>Test</h3>
          <p>
          </p>
          </div>
       </div>
</div>

这是我的代码。

旋转木马 slider 工作正常 当我检查它时显示了元素 但是手机版和ipad版的图片无法点击

Answer 1

可以解决这个问题 我在 div 元素中添加了 onlick 函数

<div class="carousel-inner">
   <div class="item active" onclick="window.open('test');" style="cursor: pointer;" >
       <img src="/site_media/test_image.jpg" alt="test test" />
       <div class="carousel-caption">
       <h3>Test</h3>
       <p></p>
   </div>
</div>