jQuery onclick事件不會在引導輪播內部觸發

我有這個引導輪播，我想要捕捉它內部圖像上的點擊事件，以便在輪播內部的圖像上單擊時打開自制燈箱，但javascript代碼不能用這種語法引發一些未知的原因：jQuery onclick事件不會在引導輪播內部觸發

$('html').on("click", ".lightbox-content img", function() { 
    console.log("i'm NOT triggered!"); 
});

我有以下的html代碼：

<div class="table-cell lightbox-content"> 
    <div id="myCarousel1" class="carousel small-carousel slide" data-ride="carousel"> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="images/office-space1.jpg" style="width:100%" alt=""> 
      </div> 
      <div class="item"> 
       <img src="images/office-space2.jpg" style="width:100%" alt=""> 
      </div> 
      <div class="item"> 
       <img src="images/office-space3.jpg" style="width:100%" alt="" /> 
      </div> 
     </div> 
     <ol class="carousel-indicators"> 
      <li data-target="#myCarousel1" data-slide-to="0" class="active"></li> 
      <li data-target="#myCarousel1" data-slide-to="1"></li> 
      <li data-target="#myCarousel1" data-slide-to="2"></li> 
     </ol> 
    </div> 
</div>

我在這裏幹什麼什麼了嗎？

Bootstrap/jQuery在網站的其他部分正常工作。我正在使用jquery-1.11.3.min.js和Bootstrap v3.3.5。

來源

2015-10-22 I Badarau

嘗試'$（document）.on（「click」，「.lightbox-content img」，function（）{' – Tushar

@Tushar不應該有任何區別 –

仍然不起作用。 –

試試這個

$('.lightbox-content img').click(function() { 
    console.log("i'm NOT triggered!"); 
});

來源

2015-10-22 08:05:33 hampusohlsson

也許亞，OP不需要任何代表團，但誰知道... –

變化JS到：

$('.lightbox-content img').click(function() { 
    alert("i'm triggered!"); 
});

檢查此筆： CodePen

來源

2015-10-22 08:05:42

試試這個

$(document).on("click", ".lightbox-content img", function() { 
    console.log("i'm triggered!"); 
    });

使用時.on（）JQuery在您的文檔中查找事件。如果您使用jquery重新加載您的分頁，並且您希望javascript函數繼續運行，也可以使用這種方法。

來源

2015-10-22 08:05:50

看看問題的意見，它不起作用 – Tushar

Sry的誤導。這是一個CSS問題。出於某種原因，有人把

z-index: -1;

to .carousel-內部類。現在正在正常工作

來源

2015-10-22 08:17:04

值得注意的是，這裏是添加_complete_和_relevant_代碼，如果可能的話添加現場演示來獲得答案。檢查[mcve]。 – Tushar

jQuery onclick事件不會在引導輪播內部觸發

回答

相關問題