jquery直接功能不起作用

Question

我在弹出窗口中有这个按钮。（在javascript文件中）

'<div class="thisdiv" >'+
    '<button class="btn btn-primary" >this</button>'+   
 '</div>'+

我在功能

中访问它

$('.thisdiv').on('click', function (e) {
       $('.overlay').hide();

        $('body').removeClass('overflow');

    });

这基本上应该是一个按钮，当点击它时，关闭弹出窗口。 （简单的十字按钮） 但它不起作用。它没有进入功能，我被告知使用代表。但这不是更简单的方法吗？我错过了什么？

Answer 1

好像你正在动态创建元素。然后你需要使用事件委托，

$(document).on('click', '.thisdiv', function (e) {
    $('.overlay').hide();
    $('body').removeClass('overflow');
});