次のようなプラグインのコードがたくさんあります。
var element = $("*[data-label]");
(function ($) {
$.fn.Label = function (options) {
var label = $(this).attr("data-label"),
d = document.createElement('span'),
t = document.createTextNode(label),
config = $.extend({
display: 'inline',
position: 'absolute',
top: '6.5em',
padding: '0.5em',
backgroundColor: '#383838',
color: 'white',
fontSize: '0.8em',
opacity: '0.9',
}, options);
if (element.is(":hover")) {
d.className = "labelShow";
$(this).append(d);
$('.labelShow').append(t).css(config);
} else {
$(".labelShow").remove();
return false;
}
};
}(jQuery));
element.Label();
コンソールにエラーはなく、ウィジェット コードに応答したい要素をホバリングしているときに、デバッガーがイベントをキャッチしません。うまくいかない理由を教えてください。