Pop Up Div使用JavaScript操作和JQuery是Glitchy

Question

大家好日子。

我正在构建一个简单的Joomla模块，使用jquery ajax填充隐藏的div，将鼠标悬停在每行显示的每个项目上，填充div后显示，以及当光标超出项目时项目和任何其他项目，显示的div应该消失。问题是它有时会消失，并且在其他时间仍然存在。

我发现了那个 - 当你从父项目div中鼠标移出时它会消失 - 当您将项目div的子项鼠标移出时会出现。

我真的很感谢快速的帮助 - 谢谢！

听到我正在处理的页面

http://www.cooltv.cool/schedule

顶部的模块，名为“程序”，是一个小问题。

这是我的JavaScript代码 - 我正在使用jQuery库。

wpshProgramItem = jQuery('.wps_highlight .wpsh_program_item');
wpshProgramTooltip = jQuery('.wps_highlight .wpsh_program_tooltip');

popUpHandler: function () {
    wpshProgramItem.bind("mouseover", function (e) {
        console.log("ProgramItem YES mouseover");

        curItem = jQuery(this);

        var
        url = "index.php?option=com_wetvprogramscheduler&task=getSynopsis",
        urlData = {
            pid: curItem.attr('programid')
        };

        SynopsisPopUp.programItemAjax(url, urlData);
    }).bind("mouseout", function () {
        wpshProgramTooltip.hide();
        console.log("ProgramItem mouseout");
    }).bind("mouseleave", function () {
        wpshProgramTooltip.hide();
    });

}

谢谢！