將CSS應用於標題屬性的腳本的錯誤修復程序

下面的腳本將CSS類應用於html標題屬性。腳本出現的原始頁面在這裏：How to change the style of Title attribute inside the anchor tag?將CSS應用於標題屬性的腳本的錯誤修復程序

工程很好，但有一個小錯誤。如果標題屬性爲空（<input type="text" title="">），它仍然在屏幕上顯示一個空的彈出框。

任何人都可以請幫助解決這個問題嗎？。像「如果title屬性沒有價值，不適用的CSS，不顯示彈出框謝謝

腳本如下：

// Use a closure to keep vars out of global scope 
(function() { 
    var ID = "tooltip", CLS_ON = "tooltip_ON", FOLLOW = true, 
    DATA = "_tooltip", OFFSET_X = 20, OFFSET_Y = 10, 
    showAt = function (e) { 
     var ntop = e.pageY + OFFSET_Y, nleft = e.pageX + OFFSET_X; 
     $("#" + ID).html($(e.target).data(DATA)).css({ 
      position: "absolute", top: ntop, left: nleft 
     }).show(); 
    }; 
    $(document).on("mouseenter", "*[title]", function (e) { 
     $(this).data(DATA, $(this).attr("title")); 
     $(this).removeAttr("title").addClass(CLS_ON); 
     $("<div id='" + ID + "' />").appendTo("body"); 
     showAt(e); 
    }); 
    $(document).on("mouseleave", "." + CLS_ON, function (e) { 
     $(this).attr("title", $(this).data(DATA)).removeClass(CLS_ON); 
     $("#" + ID).remove(); 
    }); 
    if (FOLLOW) { $(document).on("mousemove", "." + CLS_ON, showAt); } 
}());

來源

2014-11-02 Malasorte

這樣：

$(document).on("mouseenter", "*[title]:not([title=''])" ...

來源

2014-11-02 17:57:53

的一種方式如果沒有標題立即返回：

$(document).on("mouseenter", "*[title]", function (e) { 
     if (!$(this).attr('title')) return; 
     // rest of code 
    });

@ c-smile的答案雖然很清晰

來源

2014-11-02 17:58:31

將CSS應用於標題屬性的腳本的錯誤修復程序

回答

相關問題