数据表和高图功能无法使用'查看全部'引导标签

时间:2016-10-27 12:13:56

标签: jquery twitter-bootstrap highcharts tabs

我正在使用引导标签在屏幕上显示不同的图表和表格数据。有11个标签加上“查看全部”标签。我创建的标签允许用户一次查看11的内容。

每个表都有锚标记,单击时会触发模式弹出窗口。 CSS样式将鼠标更改为指针。此外,图表通过高图表呈现,因此,将鼠标悬停在图表的不同部分上,以显示该特定部分的具体计数或金额。

active tab

当我选择'查看全部'具有以下选择器的选项卡:

href="div[id^='tab_']"

成功地找到并显示11个部分中每个部分的所有div很好但是我无法点击数据表中的任何内容,表格上的悬停样式不起作用,也没有任何高级功能。

当我点击返回单个标签时,所有内容都会按预期运行。

没有错误,我尝试过所有3个浏览器,以确定行为是否有所不同,并且是一致的。

奇怪的是当使用f12时,如果我尝试在tab_cb的tab内容div中选择一些东西,我就可以了,并且它显示错误的div被选中。在下面的屏幕截图中,它显示我在tab_ms中。 wrong div selection

非常感谢任何想法。

谢谢!

1 个答案:

答案 0 :(得分:0)

问题与div上的css样式有关。正在使用具有动态定位的类。一旦它被删除所有内容div,一切都开始工作了。