button - 在数据切换中设置两个元素，模态和弹出框

将鼠标悬停并单击时，无法获得打开Popver模态的按钮的问题。

<button type="button"
        class="btn btn-success btn-lg"
        data-target="#addChangeModal"
        data-toggle="####"
        data-toggle=""
        data-content="Add change">
</button>`

当我将数据切换设置为

data-toggle="modal"

要么

data-toggle="popover"

模态值和弹出框这两个值都可以完美工作。

但是我无法设定

data-toggle="modal popover"

最佳答案

使用jQuery启动模态：

$('#my-btn').click(function () {
     $('#addChangeModal').modal('show');
     $('[data-toggle=popover]').popover('hide'); //EDIT: added this line to hide popover on button click.
});

然后使用Bootstrap中的标准弹出框，包括data-trigger="hover"以显示悬停时的弹出框。

<button id="my-btn" type="button" class="btn btn-success btn-lg" data-trigger="hover" data-original-title="Popover Title" data-content="Popover content" data-toggle="popover"></button>

Bootply Demo

关于button - 在数据切换中设置两个元素，模态和弹出框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24964341/