Popover click事件不起作用

Question

$('.pop').each(function () {
    var $elem = $(this);
    $elem.popover({
        placement: 'auto',
        trigger: 'hover',
        html: true,
        container: $elem,
        animation: true,
        content: function () {
            var pop_dest = $(this).attr("data-pop");
            //console.log(plant);
            return $("#"+pop_dest).html();
        }
    });
});

$('#english').click(function() { // ---> THIS PART DOES NOT WORK
    alert("english");
});

$('#turkce').click(function() { // ---> THIS PART DOES NOT WORK
    console.log("turkce");
});

我在弹出窗口中有2个按钮.但他们的点击事件不起作用.如何通过按钮点击触发点击事件？我的HTML代码如下.

<li>
    <a href="javascript: void(0);" id="languages" class="pop" data-html="true" data-toggle="popover" data-pop="popper-content" class="popper">
        <?=$language["languages"]?>
    </a>
    <div class="hide" id="popper-content">
        <ul class="lang-list">
            <li class="en">
                <button id="english">English</button>
            </li>
            <li class="tr">
                <button id="turkce">Türkçe</button>
            </li>
        </ul>
    </div>
</li>

Answer 1

当您调用该click函数时,这些按钮尚未添加到页面中(因为它们位于动态添加的弹出窗口中),因此您必须使用能够处理未来添加内容的内容:

$('body').on('click', '#english', function () {
    alert("english");
});