我对这个 jQuery 工具提示行为做错了什么？

Question

（编辑）当前行为是悬停时不显示工具提示。不是默认的 html 标题或 jquery 工具提示（/编辑）

我在网页上有一个日历。当一天有事件并将鼠标悬停在其上时，将显示 html 标题属性，其中包含以逗号分隔的事件名称。当一天有 20 个事件时，这将开始看起来很难看，所以我想使用 jQuery 使此显示不同。这是我用于显示工具提示的代码（我在使用 $ for jQuery 时遇到了问题，因为我不明白页面上其他 jQuery 脚本之间的冲突内容，并且将其全部键入似乎可以正常工作）：

jQuery(function(){
        var tip = jQuery("#tip");

        //on hover of links with a class of "eventful"
        jQuery(".eventful a").hover(function(e){

            //pull the title attribute into variable "tip"
            tip.text(jQuery(this).attr("title"));

            //make the default title blank
            jQuery(this).attr("title", "");

            //place the new title with css
            tip.css("top",(e.pageY+5)+"px")
                .css("left",(e.pageX+5)+"px")
                .fadeIn("slow");

        }, function() {
                //on mouse out remove
                jQuery("#tip").fadeOut("fast");

                //replace the default title
                jQuery(this).attr("title", tip.html());
        });
    });

这不起作用，所以我不确定我在那里做错了什么。但是在显示要显示的工具提示后，我需要更改多个逗号分隔事件的显示方式，最好更改为无序列表。我下面有这个片段，它可能会或可能不会将项目分隔成数组，在每个逗号处断开字符串：

var titleArray = $(".eventful").attr("title").split("," ）；

如果这确实有效，我不知道如何合并它，并将其放入 ul 中。非常感谢您对此的帮助！

Answer 1

Tip div 应该有 position:absolute 样式 &它的 z-index 应该大于页面中的其他元素。添加 jQuery("#tip").css('z-index',somehighvalue)