Javascript 基于屏幕的JqueryUI工具提示位置
我想知道是否有一种方法可以根据不同的屏幕大小设置jQueryUI工具提示的不同位置。我正在使用此代码Javascript 基于屏幕的JqueryUI工具提示位置,javascript,css,jquery-ui,tooltip,jquery-ui-tooltip,Javascript,Css,Jquery Ui,Tooltip,Jquery Ui Tooltip,我想知道是否有一种方法可以根据不同的屏幕大小设置jQueryUI工具提示的不同位置。我正在使用此代码 $(function () { $(document).tooltip({ position: { my: "left+120 top", at: "center top" }, content: function () { return $(this).prop('t
$(function () {
$(document).tooltip({
position: {
my: "left+120 top",
at: "center top"
},
content: function () {
return $(this).prop('title');
},
show: null,
close: function (event, ui) {
ui.tooltip.hover(
function () {
$(this).stop(true).fadeTo(400, 1);
},
function () {
$(this).fadeOut("300", function () {
$(this).remove();
})
});
}
});
});
它在更大的屏幕上看起来不错,但在800X600时太高了。我可以根据屏幕分辨率设置不同的位置吗 您可以使用
$(document).width()获取窗口的宽度然后根据宽度是大于还是小于所需断点,在工具提示中设置两个不同的位置和/或样式。您可以为不同的宽度设置不同的位置选项。初始化后,可以按如下方式设置位置选项:$(“.selector”).tooltip(“选项”、“位置”、{my:“左+15中心”,位于:“右中心”});