Question

在position属性中，有两个选项：＆＃34; my＆＃34;和＆＃34; at＆＃34;。我不明白如何通过这些选项配置弹出气泡的位置。他们的意思是什么？

为了清楚地找出这些选项，我在网上找到了一个例子，但仍然无法弄清楚。例如，当气泡显示在输入区域的左侧时，但是＆＃34; my＆＃34;的值。是正确的中心＆＃39;，为什么？

为什么要两次调用tooltip（）？在on（）中调用一个带有争论的工具提示，而另一个没有争论的工具提示在on（）触发器之外？这是为什么？

以下是示例：http://jsfiddle.net/tj_vantoll/kyBwU/

$('input[type="radio"]').on('change', function() {
    var className = $(this).val();
    var position;
    switch (className) {
        case 'top':
            position = { my: 'center bottom', at: 'center top-10' };
            break;
        case 'bottom':
            position = { my: 'center top', at: 'center bottom+10' };
            break;
        case 'left':
            position = { my: 'right center', at: 'left-10 center' };
            break;
        case 'right':
            position = { my: 'left center', at: 'right+10 center' };
            break;
    }
    position.collision = 'none';

    $('input[type="text"]').tooltip('option', 'position', position);
    $('input[type="text"]').tooltip('option', 'tooltipClass', className);
});

$('#options').buttonset();
$('input[type="text"]').tooltip();
$('input[value="right"]').trigger('change');

我尝试创建自己的，不知何故，始终预选最后一个输入文本字段。这是我的代码：http://jsfiddle.net/matildayipan/sks358zo/18/

Answer 1

这就是我们documentation的目的。

jQuery UI .position（）方法允许您相对于窗口，文档，另一个元素或光标/鼠标定位元素，而不必担心偏移父项。

my（默认：“center”）类型：字符串

定义哪个位置元素被定位为与目标元素对齐：“水平垂直“对齐。单个值，如”右“将被标准化到“右中心”，“顶部”将标准化为“中心顶部”（下面 CSS惯例）。可接受的水平值：“左”，“中心”， “对”。可接受的垂直值：“顶部”，“中心”，“底部”。示例：“左上角”或“中心”。每个维度也可以包含偏移量，以像素或百分比表示，例如，“右+上10％-25％”。偏移百分比与所定位的元素有关。

at（默认值：“center”）类型：字符串

定义目标上的哪个位置元素对齐定位元素：“水平垂直” 对准。有关可能值的完整详细信息，请参阅我的选项。偏移百分比是相对于目标元素的。

jquery UI工具提示 - '我'和'at'是什么意思？为什么要两次调用tooltip（）？

1 个答案: