'; data.$target = $target; data.$tipper = $(html); $body.append(data.$tipper); data.$content = data.$tipper.find(".tipper-content"); data.$caret = data.$tipper.find(".tipper-caret"); data.offset = $target.offset(); data.height = $target.outerHeight(); data.width = $target.outerWidth(); data.tipperPos = {}; data.caretPos = {}; data.contentPos = {}; var caretHeight = data.$caret.outerHeight(true), caretWidth = data.$caret.outerWidth(true), contentHeight = data.$content.outerHeight(true), contentWidth = data.$content.outerWidth(true) + caretWidth; // position content if (data.direction === "right" || data.direction === "left") { data.caretPos.top = (contentHeight - caretHeight) / 2; data.contentPos.top = -contentHeight / 2; if (data.direction === "right") { data.contentPos.left = caretWidth + data.margin; } else if (data.direction === "left") { data.contentPos.left = -(contentWidth + data.margin); } } else { data.caretPos.left = (contentWidth - caretWidth) / 2; data.contentPos.left = -contentWidth / 2; if (data.direction === "bottom") { data.contentPos.top = data.margin; } else if (data.direction === "top") { data.contentPos.top = -(contentHeight + data.margin); } } // modify dom data.$content.css(data.contentPos); data.$caret.css(data.caretPos); // Position tipper if (data.follow) { data.$target.on("mousemove.tipper", data, _onMouseMove) .trigger("mousemove"); } else { if (data.direction === "right" || data.direction === "left") { data.tipperPos.top = data.offset.top + (data.height / 2); if (data.direction === "right") { data.tipperPos.left = data.offset.left + data.width; } else if (data.direction === "left") { data.tipperPos.left = data.offset.left; } } else { data.tipperPos.left = data.offset.left + (data.width / 2); if (data.direction === "bottom") { data.tipperPos.top = data.offset.top + data.height; } else if (data.direction === "top") { data.tipperPos.top = data.offset.top; } } data.$tipper.css(data.tipperPos); } // Bind events data.$target.one("mouseleave.tipper", data, _onMouseOut); } /** * @method private * @name _format * @description Formats tooltip text * @param $target [jQuery object] "Target element" * @return [string] "Formatted text" */ function _format($target) { return $target.data("title"); } /** * @method private * @name _onMouseMove * @description Handles mousemove event * @param e [object] "Event data" */ function _onMouseMove(e) { var data = e.data; data.$tipper.css({ left: e.pageX, top: e.pageY }); } /** * @method private * @name _onMouseOut * @description Handles mouseout event * @param e [object] "Event data" */ function _onMouseOut(e) { var data = e.data; data.$tipper.remove(); data.$target.off("mousemove.tipper mouseleave.tipper"); } $.fn.tipper = function (method) { if (pub[method]) { return pub[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method === 'object' || !method) { return _init.apply(this, arguments); } return this; }; $.tipper = function (method) { if (method === "defaults") { pub.defaults.apply(this, Array.prototype.slice.call(arguments, 1)); } }; })(jQuery);