jQuery的循環標題與事件鏈接

我正在使用jquery循環，它運行良好，除了jquery事件不工作。jQuery的循環標題與事件鏈接

我基本上是用標題循環圖像，我在「alt」屬性中設置標題。

在特定的圖像我叫出一個模式，分配一個類的圖像，並有一個jQuery產生模式 - 工作正常。

我還在標題中添加了一個鏈接，我可以看到鏈接，但是當我去點擊鏈接時，jquery不會被解僱。

這是帶有此標題和鏈接的圖像。

<img class="openModal" src="images/video.jpg" alt="<div class='wrap'><h1 class='caption-title'>Video</h1><p class='caption-desc'>Aliquam lectus orc ac.<a class='button' class='openModal'>watch the video</a></p></div>"/>

alt標籤包含一個類，用於調出模態的錨點。

<a class='button' class='openModal'>watch the video</a>

這裏是jQuery的

$('.openModal').on('click', function (e) { 
    console.log('this is the click'); 
    e.preventDefault(); 
});

週期運行正常。

我點擊圖像，打開模式 - 完美。

我點擊標題內的這個鏈接，它什麼都不做。

我在這裏錯過了什麼？

來源

2013-04-12 jmzDev

你爲什麼要在'alt'屬性中放入一段HTML代碼？它僅用於文本。你期望它做什麼？ – tcovo

那麼你想打開一個模式點擊標題？ – RicardoGonzales

最初的想法是簡單地列出一個標題，然後它需要被樣式化，然後添加一個鏈接。我想通過點擊標題中的鏈接來打開模式。 – jmzDev

這可能是因爲您在HTML插入頁面之前綁定事件。

試試這個：

$('.cycleOrCaptionContainer').on('click', '.openModal', function(e) { 
    console.log('this is the click'); 
    e.preventDefault(); 
});

'.cycleOrCaptionContainer'將與一類.openModal在傾聽從一個子元素'click'，即使你的代碼運行後，追加該元素。

來源

2013-04-12 01:44:06

啊沒有運氣，謝謝你的建議 – jmzDev

jQuery的循環標題與事件鏈接

回答

相關問題