Question

我想在使用焦点触发器的同时点击内容时使我的popover 不是，因为我在其中输入了内容。

以下是我的div属性：

data-toggle="popover" data-content="<input type='text' class='form-control'><button class='btn btn-sm btn-default' style='margin-top:5px'>Zapisz</button>" data-title="Description" data-html="true" data-trigger="focus" data-container="body"

因为你可以看到我有一个简单的弹出窗口，它是由焦点触发的（我知道它可能是它关闭点击的原因）但是我必须关闭弹出窗口，点击屏幕上的其他位置＆＃39;为什么我使用trigger="focus"。

Answer 1

您可以向弹出窗口添加侦听器（hide.bs.popover）并阻止执行该事件。在这种情况下，您需要添加更多侦听器以在按钮单击时手动关闭它。这样的事情应该有效。

<script>
$(document).ready(function(){
    $('[data-toggle="popover"]').popover({html: true});  

    $("[data-toggle='popover']").on('hide.bs.popover', function(e){
        e.preventDefault();
    });

    $("[data-toggle='popover']").on('shown.bs.popover', function(e)
    {
        // create your own listener after popover has shown
        $("#your_button").on('click', function(e){
            $("[data-toggle='popover']").off('hide.bs.popover');
            $("[data-toggle='popover']").popover('hide');
        });
    });
});
</script>

我希望它有所帮助。

Bootstrap3中的Popover - 如何使其不会对内容点击不屑一顾

1 个答案: