Twitter bootstrap 在ol OverlyContainer stopevent中时未传递到引导选项卡的事件

Twitter bootstrap 在ol OverlyContainer stopevent中时未传递到引导选项卡的事件,twitter-bootstrap,openlayers-3,Twitter Bootstrap,Openlayers 3,我正在使用OpenLayers 3制作一个地图界面。选择矢量功能将打开一个小控制面板(扩展ol.control.control)。我试图使用Twitter引导向这个控制面板添加多个选项卡,但我发现触发选项卡开关所需的事件并没有进入引导。我追踪到这是因为控件被放置在CSS类为ol OverlyContainer stopevent的中,这在某种程度上阻止了引导中的侦听器听到事件 以下是我正在尝试做的一些事情。您可以看到,单击选项卡没有任何作用。知道如何确保此事件到达引导选项卡侦听器吗 另外,从引导

我正在使用OpenLayers 3制作一个地图界面。选择矢量功能将打开一个小控制面板(扩展
ol.control.control
)。我试图使用Twitter引导向这个控制面板添加多个选项卡,但我发现触发选项卡开关所需的事件并没有进入引导。我追踪到这是因为控件被放置在CSS类为ol OverlyContainer stopevent的
中,这在某种程度上阻止了引导中的侦听器听到事件

以下是我正在尝试做的一些事情。您可以看到,单击选项卡没有任何作用。知道如何确保此事件到达引导选项卡侦听器吗

另外,从引导源代码来看,侦听器似乎是由

$(document)
    .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler)
    .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)

您没有在页面中添加
单击
事件,因此,请添加它:

$('#prop-box-content li > a').click(function (e) {
  e.preventDefault();
  console.log(e.target);
  $(this).tab('show');
});

您没有在页面中添加
单击
事件,因此,请添加它:

$('#prop-box-content li > a').click(function (e) {
  e.preventDefault();
  console.log(e.target);
  $(this).tab('show');
});

你在哪一刻定义了小提琴中的点击监听器?@jonatas walker查看你在哪一刻定义了小提琴中的点击监听器?@jonatas walker查看是的。我昨天就想出来了,但忘了再问这个问题。由Bootstrap.js注册的侦听器被OpenLayers阉割,这仍然令人沮丧。实际上,我选择使用一种更类似于Bootstrap.js本身的形式:
$('[data toggle=“tab”],[data toggle=“pill”]',box)是的。我昨天就想出来了,但忘了再问这个问题。由Bootstrap.js注册的侦听器被OpenLayers阉割,这仍然令人沮丧。实际上,我选择使用一种更类似于Bootstrap.js本身的形式:
$('[data toggle=“tab”],[data toggle=“pill”]',box)