Javascript 如何避免在子div中出现jqueryui工具提示？

我打算只在父div中包含工具提示，而不在其子div中。
以下是jquery ui工具提示：

$(function () {
    $("#parent_div").tooltip();
});

以下是HTML：

<div id="parent_div" title="Hello Tooltip">
    parent div contents
    <div id="child_div" onMouseOver="show_list();" onMouseOut="hide_list();" title="">
    child div contents
    </div>
    parent div contents
</div>

父div内容
子div内容
父div内容

child\u div中的

title=“”

（将title属性设置为空）产生了一些问题。将鼠标悬停在child_div上后，它也会禁用来自parent_div的工具提示。
您可以查看并测试问题。

请给我一些解决方案，考虑到onMouseOver和onMouseOut事件不应该被禁用，因为我在child_div中使用它们是为了其他目的。

提前谢谢。

尝试替换此：

<div id="child_div" onMouseOver="show_list();" onMouseOut="hide_list();" title="">

用这个

<div id="child_div" onMouseOver="show_list();" onMouseOut="hide_list();">

---

当您使用

鼠标悬停

子对象时，您可以尝试禁用工具提示，当

鼠标悬停

子对象时启用

  $("#child_div").mouseover(function(){
      $("#parent_div").tooltip('disable');
  })

  $("#child_div").mouseleave(function(){
      $("#parent_div").tooltip('enable');
  })

$（函数（）{
$（“#父项_div”）.tooltip（）；
$（“#child_div”）.mouseover（函数（）{
$（“#父项_div”）。工具提示（“禁用”）；
})
$（“#child_div”）.mouseleave（函数（）{
$（“#父项_div”）。工具提示（“启用”）；
})
});

父div内容
子div内容
父div内容
这是我的解决方案。我希望每个人都能从中获益


$（函数（）{
$（“#父项_div”）.tooltip（）；
$（“#child_div”）.mouseover（函数（）{
$（“#父项_div”）。工具提示（“禁用”）；
})
$（“#child_div”）.mouseleave（函数（）{
$（“#父项_div”）。工具提示（“启用”）；
})
});

父div内容
子div内容
父div内容
我的解决方案是：

$(document).tooltip({
    content: function(){
        return $(this).not("#MY_ELEMENT *[title]").attr('title');
    }
});

请阅读我的问题。它不会做任何好事。在此场景中，将执行其父div的工具提示。请检查您在
hide\u list
函数中写入的内容。这甚至可能会使parent_div的鼠标停止工作。不：我也尝试过删除
onMouseOver=“show_list（）；”
和
onMouseOut=“hide_list（）；”
谢谢adricadar。我对你的答案做了修改，解决了这个问题。