Я использую подсказки, предоставленные Twitter Bootstrap (http://twitter.github.com/bootstrap/javascript.html#tooltips).
У меня есть динамически вставленная разметка в моей DOM, которая должна запускать всплывающие подсказки. Поэтому я вызываю подсказки следующим образом (https://github.com/twitter/bootstrap/issues/4215):
$('body').tooltip({
delay: { show: 300, hide: 0 },
selector: '[rel=tooltip]:not([disabled])'
});
Чтобы избежать слишком приближения всплывающих подсказок к краю экрана, я должен иметь возможность динамически устанавливать их положение в зависимости от того, где находится элемент, который запускает всплывающую подсказку. Я думал о том, чтобы сделать это следующим образом:
$('body').tooltip({
delay: { show: 300, hide: 0 },
// here comes the problem...
placement: positionTooltip(this),
selector: '[rel=tooltip]:not([disabled])'
});
function positionTooltip(currentElement) {
var position = $(currentElement).position();
if (position.left > 515) {
return "left";
}
if (position.left < 515) {
return "right";
}
if (position.top < 110){
return "bottom";
}
return "top";
}
Как я могу правильно передать currentElement функции positionTooltip, чтобы вернуть соответствующее значение места размещения для каждой подсказки?
Заранее спасибо