테이블의 행 위에 마우스를 올리면 이미지가 표시되고 이미지 위에 마우스를 올리면 툴팁이 표시됩니다. 툴팁 (예 : test1, test2)의 옵션 위에 마우스를 올려 놓으면 마우스 커서가 놓이는 옵션이 강조 표시되거나 툴팁의 어떤 옵션을 클릭할지 알 수 있도록 배경색을 변경해야합니다. 당신이 ID를 사용하는 경우에 대한 조심해야 http://jsfiddle.net/0w9yo8x6/66/툴팁에서 마우스 오버시 배경색 변경
:이 당신을 위해 무엇을 찾고있는 것입니다 내가 생각
$(function() {
var rowData;
$(document).tooltip({
items: "img, [data-title]",
content: function() {
var element = $(this);
if (element.is("img"))
{
rowdata = element.attr("data-title");
$(document).off('click', '#test');
$(document).on('click', '#test', function() {
test();
});
}
return $(this).prop('title');
},
show: null,
close: function (event, ui) {
ui.tooltip.hover(
function() {
$(this).stop(true).fadeTo(1000, 1);
},
function() {
$(this).stop(true).fadeOut(200, function() {
$(this).remove();
})
});
},
position: {
my: "left",
at: "right"
}
});
});
$(function() {
$('.one').attr('title', $('.myTooltipTable').remove().html());
$(document).tooltip();
});