更改bootstrap工具提示位置

时间:2017-08-09 21:56:04

标签: jquery twitter-bootstrap

我有以下代码片段来更改引导工具提示位置。

但我不确定“我的”,“at”和左+ 15等是什么意思。

请解释,以便我可以更改值以定位我的工具提示。

   $( "#btn1" ).tooltip({ position: { my: "left+15 center", at: "right center" } });

3 个答案:

答案 0 :(得分:1)

.position() 具体指向 jQuery UI

选项my定义元素上的哪个位置与水平对齐目标元素。单个值(例如"right")将标准化为"right center""top"将标准化为"center top"(遵循CSS惯例)。可接受的水平值为"left""center""right"。可接受的垂直值为"top""center""bottom"。每个维度还可以包含偏移量,以像素或百分比表示。例如,"right+10 top-25%"。偏移百分比是相对于所定位的元素。

选项at定义目标元素上的哪个位置使定位元素与水平对齐。偏移百分比是相对于目标元素的。

两个选项的默认值为"center"

您可以找到有关.position() here 的更多信息。

答案 1 :(得分:0)

bootstrap插件方法只接受一个参数,而不是两个。这个方法调用:

$('#keterangan').attr('title', 'Keterangan wajib disi!').tooltip('show', {
    placement: 'right'
});

不正确。相反,你应该按照你的方式保持更改功能,并调用:

$('#keterangan').tooltip({ placement: 'right' });

之前设置工具提示选项(例如文档准备就绪时)。

另一种可能更简单的替代方案是添加data-position =" right"显示弹出窗口的元素。

答案 2 :(得分:0)

代码来自jqueryui,而不是bootstrap。

您的代码示例的完整说明在下一个链接中

工具提示小部件位置:http://api.jqueryui.com/tooltip/#option-position

位置参数:http://api.jqueryui.com/position/