追加并添加事件侦听器

时间:2015-07-30 12:59:05

标签: jquery events append

我很乐意将元素附加到DOM,然后为新元素添加了一个事件监听器。我正在使用ES6和Jquery使用babel进行转换。

$('#mainContent')
    .append(`<div id="${divID}" class="row col-md-12"><h3>Click Me</h3></div>`);

$(`#${divID}`)
    .append(moreHTMLtoShowHide);

// Clicky Clicky no working :(
$(`#${divID} h3`).click(() => $(this).next().toggle());

当我将事件监听器添加到控制台并且一切正常时,真正有趣的是,任何想法?

我也知道追加字符串不是很好但是这是一个单独的工作。

1 个答案:

答案 0 :(得分:2)

Event delegation需要用于新添加的元素。

$(document).on('click',`#${divID} h3`,() => $(`#${elmToToggle}`).toggle());