I am implementing the jquery ui tooltip. It works very well however, when the element that I am hovering over is in 2 different lines it is going to the middle of the them....Is there any way to customize this behaviour?
I know one possibility is to use track:true
I do not want to use this...
"Spice Girls" is the tooltip with weird behaviour.
$(function () {
$(document).tooltip({
items: ".oolinks",
tooltipClass: "tooltip-position",
content: function () {
return "<div class='hi'>Hi There.</div>";
},
position: {
my: "bottom-20",
at: "top",
using: function (position, feedback) {
$(this).css(position);
$("<div>")
.addClass("arrow")
.addClass(feedback.vertical)
.addClass(feedback.horizontal)
.appendTo(this);
$('.ui-tooltip-content').click(function (e, ui) {
});
}
},
});});
为什么不按以下方式重新放置br标签:
<strong>The <br/><culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Spice Girls</culink> </strong>about going on a joint<br/>international tour.
I think the best thing you can do is apply two tooltips for each word ie., 'Spice' and 'Girls'.
<strong>The <culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Spice </culink> <culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Girls </culink> </strong>
Here is the fiddle .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.