jQuery UI tooltip - что означает «мой» и «в»? Зачем вызывать подсказку() дважды?

Question

В собственности position есть два варианта: «my» и «at». Я не понимаю, как настроить положение всплывающего пузыря через эти параметры. Что это значит?

Для того, чтобы четко определить эти варианты, я нашел пример он-лайн, но все еще не могу понять. Например, когда пузырь отображается слева от области ввода, но значение «мой» является «правильным центром», почему?

Зачем вызывать подсказку() дважды? Одна подсказка с аргументами называется внутри 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() позволяет позиционировать элемент относительно окна, документа, другого элемента или курсора/мыши, не беспокоясь о смещенных родителях.

мой (по умолчанию: «центр») Тип: Строка

Определяет, какую позицию на элемент позиционируется для выравнивания с целевым элементом: «горизонтальный вертикальный» выравнивание. Единое значение, такое как «правое», будет нормализовано в «правый центр», «верх» будет нормализован до «вершины центра» (в соответствии с соглашением CSS). Допустимые горизонтальные значения: «левый», «центральный», «правый». Допустимые вертикальные значения: «верх», «центр», «нижний». Пример: «левый верх» или «центр центра». Каждое измерение может также содержать смещения в пикселях или процентах, например, «right + 10 top-25%». Промежуточные смещения относительно расположенного элемента.

по (по умолчанию: "центр") Тип: String

Определяет, какую позицию на элементе мишени , чтобы выровнять элемент, расположенный против: "горизонтального вертикального" выравнивания. См. Мой вариант для получения полной информации о возможных значениях. Промежуточные смещения относительно целевого элемента.