我刚刚关注了this instruction使 jQueryUI 工具提示通过 ajax 加载内容。 (fiddle)(Full Screen)。问题是我无法为第二个工具提示 (.loadtip
) 设置与第一个工具提示不同的位置。谁能告诉我是否可以覆盖第一个工具提示的位置?
代码:
$(document).tooltip({
items: "[data-info]",
position: {
my: "left+70 top",
at: "center top",
},
content: function () {
return $(this).data('info');
},
show: null,
close: function (event, ui) {
ui.tooltip.hover(
function () {
$(this).stop(true).fadeTo(400, 1);
},
function () {
$(this).fadeOut("150", function () {
$(this).remove();
})
});
}
});
$('.loadtip').tooltip({
position: {
my: "right top",
at: "center top-10"
},
content:function(callback) {
var loadfile = $('.loadtip').data("info");
$.get(loadfile,{}, function(data) {
callback(data);
});
},
});
最佳答案
您可以在初始化期间设置位置。例如,如果您有两个类,'class-a' 和 'class-b',那么可以为这两个类设置不同的位置,如下所示:
$( ".class-a" ).tooltip({ position: { my: "left+30 center", at: "right center" } });
$( ".class-b" ).tooltip({ position: { my: "left+15 right", at: "right right" } });
关于javascript - jQueryUI tooltip 为不同的类设置不同的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22425837/