在col-sm或col-xs中，JQuery .click（）不会触发

Question

我的JQuery .click()代码在.col-md中工作正常但在屏幕大小更改为col-sm或col-xs时却没有触发。 col-sm或col-xs <div>被hidden-lg和hidden-md隐藏。看起来像这样

<div class="hidden-lg hidden-md col-xs-6 col-sm-6">
 <img class="test" /> 
</div>
<div class="col-lg-12 col-md-6 hidden-xs hidden-sm">
 <img class="test" /> 
</div>

{1}}在lg或md模式下工作，但在xs或sm模式下不工作。请指教？

我的实际代码：

$('.test').click(function(){...})

Answer 1

图像需要一些特定的宽度和高度，否则它没有空间可以点击以触发点击事件。您可以使用style属性来指定高度和宽度，或者为alt属性指定图像特定文本。

<img  style="width: 100px; height: 100px" class="test" />
<!-- OR -->
<img class="test" alt="Click me" />