在col-sm或col-xs中不會觸發JQuery.click（）

我的JQuery .click()代碼在.col-md中正常工作，但當屏幕大小更改爲col-sm或col-xs時不會觸發。 col-sm或col-xs <div>被hidden-lg和hidden-md隱藏。它看起來像這樣在col-sm或col-xs中不會觸發JQuery.click（）

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

的$('.test').click(function(){...})工作在LG或MD模式，但不是在XS或SM模式時。請指教？

我的實際代碼：

<!--hidden when normal screen--> 
<div id="hidden-arrows" class="col-sm-12 col-xs-12"> 
<div class="col-sm-6 col-xs-6"> 
<span id="back-text" style="z-index:9999999;">Back</span><span>Next</span> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$('#back-text').click(function(){ 
    alert(); 
}); 
}); 
</script>

來源

2015-11-01 Excube Dzynes

無法重現該問題，似乎在我的工作很好。一方面說明，隱藏了-lg和hidden-md自定義類？至少在我全新安裝的Bootstrap上，他們沒有做任何事情，至少沒有任何名稱表明。 – Tom

圖像需要一些特定的寬度和高度，否則就沒有空間來點擊觸發click事件。您可以使用樣式屬性來給出高度和寬度，或者給出具有圖像特定文本的alt屬性。

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

來源

2015-11-01 05:55:37

試過了兩個，都不起作用。 –

@phpSiao你可以在這裏分享你的測試案例，像[this]（http://jsfiddle.net/huj9wmm9/）嗎？這個測試工作正常。 –

我已經修改了您的細讀 –

在col-sm或col-xs中不會觸發JQuery.click（）

回答

相關問題