一个元素有两个工具提示,冲突?

时间:2015-05-05 13:32:21

标签: javascript jquery tooltip

我正在<?php require_once 'config.php'; /*Insert values into database*/ if($_POST['is_submit'] == 'yes'){ $count = count($_POST['c1']); $query_values = array(); for($i=0; $i<$count; $i++){ $c1 = mysql_real_escape_string($_POST['c1'][$i]); $c2 = mysql_real_escape_string($_POST['c2'][$i]); $c3 = mysql_real_escape_string($_POST['c3'][$i]); $c4 = mysql_real_escape_string($_POST['c4'][$i]); $query_values[] = " ('$c1','$c2','$c3','$c4') "; } $values = implode(',', $query_values); $sql = "INSERT INTO country_table (name, numcode, phonecode, iso3 ) VALUES $values"; mysqli_query( $con, $sql ); } 工作,我遇到了一个问题,当鼠标悬停在元素上时,工具提示没有显示。

我有一个jquery tooltip,我使用一些绘图工具(如highcharts)来绘制这个<div class='test'>元素上的一些条形图。

然后我把代码:

<div>

这不能按预期工作。

我在此元素上方添加了另一个 $('.test').tooltip({ content: 'this is tooltip', position: { my: 'center', at: 'center' } }); ,但没有对此元素进行任何绘图,工具提示有效。

我不知道为什么会有这样的问题。我的想法是高图中的其他一些工具提示覆盖了这个或我有一些冲突。

具有相同经验的人是否会给我一些提示?

1 个答案:

答案 0 :(得分:0)

您可以做的最好的事情是使用debugger tool的{​​{1}}并比较浏览器呈现的源代码:

  • 包含图表的div
  • 没有图表的div

在这结束时,你将确切地知道什么是在DOM结构上弄乱toltip。

如何

  • 右键单击
  • 检查元素

尝试提供dom的snipet让我为你调试它。

此致