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