如何在JavaScript中的鼠標懸停時顯示列表？

Question

嗨，我試圖在長度大於0的情況下在鼠標懸停時顯示列表，然后我顯示count。在鼠標懸停在列表中時我想顯示列表。但是在我的情況下，當長度> o時總是顯示列表。在鼠標上方？ 我到底在想什么

 if (feature.attributes.hasOwnProperty("ExceptionType")) {

                    var exceptionType = 'x,y';
                    if (exceptionType)
                    { var activeExceptions = exceptionType.split(','); }
                    else
                    { var activeExceptions = []; }

                    var item, items = [];
                    for (var i = 0; i < activeExceptions.length; i++) {
                        item = {};
                        item.activeexception = activeExceptions[i];
                        items.push(item);
                    }

                    var main = $("<ul>");
                    var str = "<ul>";
                    for (var i = 0; i < items.length; i++) {
                        str += "<li>" + items[i].activeexception + "</li>";
                    }
                    $('[rel="tooltip"]').tooltip();

                    main.html(str);
                    if (activeExceptions.length == 0) {
                        feature.attributes.Hoverlist = ".showme{display: none}";
                        feature.attributes.ShowExceptionType = "display:none";

                    }

                    else 

                        feature.attributes.Hoverlist = ".showhim:hover .showme{ display : block;}";
                        feature.attributes.ShowExceptionType = "display:block";
                        feature.attributes.HoverContent = str;
                        feature.attributes.ExceptionCount = activeExceptions.length;


                }

  "description": "<div class='showhim' style='{ShowExceptionType}' ng-mouseover='alert('hi');'>{ExceptionCount}<div class='showme' style='{Hoverlist}'>{HoverContent}</div></div>",

Answer 1

問題是加載彈出窗口時，我需要將工具提示放在頂部。

$('[rel="tooltip"]').tooltip();