Блог

Почему в следующем коде (примере) всплывающая подсказка выводится со страницы, как ее можно исправить как автоматическую (динамическую) со страницей, которая не выходит со страницы?

http://jsfiddle.net/3UzDG/Demo : (я говорю о how том, что наведите курсор мыши на страницу вывода окна подсказки) СМОТРИТЕ изображение:

 $('li a').hover(function() {

    var title = $(this).next('.tooltip').html();
    var offset = $(this).offset();

    $tooltip = $('<div />').addClass('show_tooltip').html(title);

    var delay = setTimeout(function() {

        $('body').append($tooltip);
        var width = $tooltip.outerWidth();

        var p_top = offset.top;
        var p_left = offset.left - width; 
        $tooltip.css({top: p_top, left: p_left}).fadeIn(180);

    },280);

    $(this).data('delay', delay);
    $(this).data('tooltip', $tooltip);

},function() {

    delay = $(this).data('delay');
    $tooltip = $(this).data('tooltip');
    $tooltip.remove();
    clearInterval(delay);

});
 

Вам нужно определить, будет ли всплывающая подсказка перекрывать текущий видовой экран, а затем соответствующим образом настроить …. для всплывающих подсказок уже доступен плагин jQuery — он делает именно то, что вы хотите — проверьте источник, чтобы увидеть, как id проверяет размер видового экрана и т. Д http://bassistance.de/jquery-plugins/jquery-plugin-tooltip /