在数据切换中设置两个元素,模态和弹出

wzi*_*eba 2 modal-dialog button popover twitter-bootstrap-3

当我悬停并点击时,我遇到了一个按钮来打开一个popver模式的问题.

<button type="button" 
        class="btn btn-success btn-lg" 
        data-target="#addChangeModal" 
        data-toggle="####" 
        data-toggle="" 
        data-content="Add change">
</button>`
Run Code Online (Sandbox Code Playgroud)

当我将数据切换设置为

data-toggle="modal" 
Run Code Online (Sandbox Code Playgroud)

要么

data-toggle="popover"
Run Code Online (Sandbox Code Playgroud)

模态弹出值都可以完美地工作.

但是我无法设置

data-toggle="modal popover"
Run Code Online (Sandbox Code Playgroud)

c0r*_*3yz 5

Bootsrap的Devs官方回答:

不要在同一元素上使用多个插件的数据属性.例如,按钮不能同时具有工具提示并切换模态.要实现此目的,请使用包装元素.

这方面的一个例子是:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
  <span data-toggle="tooltip" title="Tooltip Message">Data<span>
</a>
Run Code Online (Sandbox Code Playgroud)

信用:Bootstrap:Collapse和Tooltip在一起