小编Bra*_*lin的帖子

我正在使用引导弹出框并<select>在弹出窗口内有一个字段,以便用户更改语言.

如果他们在弹出窗口外单击,我希望它消失,所以我使用标签data-trigger="focus"内的属性<a>来完成此操作.

但是,如果他们单击<select>下拉菜单,则弹出窗口会在单击某种语言之前消失.

以下是一个bootply供您参考 - 非常感谢任何帮助.

http://www.bootply.com/SEM4ophIhx

使用Javascript:

$(function () {
    $('[data-toggle="popover"]').popover()
})

$(function () {
    $('[rel="popover"]').popover({
        container: 'body',
        html: true,
        content: function () {
            var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
            return clone;
        }
    }).click(function (e) {
        e.preventDefault();
    });
});

HTML:

<a href="#" role="button" data-placement="right" data-trigger="focus" rel="popover" data-popover-content="#profilesettingsaction">
<span class="glyphicon glyphicon-cog"></span>
</a>
    <div id="profilesettingsaction" class="hide">                               
      <ul>
        <li>
          <select name="language">
            <option value="">???????: ???????? ??????? ???????</option>
            <option value="">??</option>
            <option value="">??</option>
            <option value="">Nederlands: Nederland</option>
            <option value="">English: United …