Javascript 如何使用jQuery qTIp设置尖端尺寸?
我在修改qTip的尖端大小(x,y)时遇到一些问题。 我试图以各种方式添加Javascript 如何使用jQuery qTIp设置尖端尺寸?,javascript,jquery,tooltip,qtip,Javascript,Jquery,Tooltip,Qtip,我在修改qTip的尖端大小(x,y)时遇到一些问题。 我试图以各种方式添加样式:{tip:{x:2,y:2},但失败了 如何将其添加到以下脚本中 // Status Tooltips Style $.fn.qtip.styles.statusTooltips = { background: '#333333', color: 'white', textAlign: 'center', border: { width: 1, radi
样式:{tip:{x:2,y:2}
,但失败了
如何将其添加到以下脚本中
// Status Tooltips Style
$.fn.qtip.styles.statusTooltips = {
background: '#333333',
color: 'white',
textAlign: 'center',
border: {
width: 1,
radius: 5,
color: '#333333'
},
tip: 'leftMiddle',
name: 'dark'
}
// Status Tooltips Init
$('.status[title]').qtip({
style: 'statusTooltips',
position: {
corner: {
target: 'rightMiddle',
tooltip: 'leftBottom'
}
}
});
这已经够简单的了:
$("#mytip").qtip({style: { tip: { size: { x: 10, y: 10}} }});
明白了
$('.status[title]').qtip({
style: {background:'#333333',
color:'white',
textAlign:'center',
border:{width: 1, radius: 5, color: '#333333'},
tip:{corner:'leftMiddle',size: { x:6,y:10 }}
},
position: {corner: {target:'rightMiddle',tooltip:'leftBottom'}}
});
$('.status[title]').qtip({
风格:{背景:'#333333',
颜色:'白色',
textAlign:“中心”,
边框:{宽度:1,半径:5,颜色:'#333333'},
提示:{角:'leftMiddle',大小:{x:6,y:10}
},
位置:{角:{目标:'rightMiddle',工具提示:'leftBottom'}
});
感谢StackOverflow,因为它是偶尔出现的:)对于qtip 2,您只需设置
tip
对象的宽度和高度属性即可:
$("#mytip").qtip({
style: {
tip: {
width: 10,
height: 10
}
}
});
请参阅qTip的文档:您一定会想象我在向StackOverflow社区发布问题之前尝试过这个,是吗?是的,但由于您在问题中遗漏了“大小”对象,我想可能因为某种原因错过了,奇怪的事情发生了。对不起,如果你觉得被侮辱了。