bootstrap Popover click事件不起作用

$('.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>

在这种情况下，点击事件没办法触发，需要使用：

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

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