Центрирование всплывающей подсказки? - PullRequest
Новая
       7

Центрирование всплывающей подсказки?

0 голосов
/ 02 июля 2018

Я пытаюсь, чтобы моя подсказка находилась вверху и в центре моей страницы, независимо от размера окна и размера экрана. У меня есть следующее, но моя подсказка появляется в верхнем левом углу: 

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>


    <style>
             area {
             display: inline-block;
             }



    </style>

    <script>
            $(function() {
            $( document ).tooltip({ position: {
            my: "center bottom", 
            at: "center top", 
            }
        });


      });

    </script>

1 Ответ

0 голосов
/ 02 июля 2018
  1. Пожалуйста, используйте последнюю версию iQuery

  2. Попробуйте центрировать таким образом: 

    $(".tip_holder").hover(function(){
var currentTipHolder = $(this);
var $tipTxt = $(this).text();
var $tipTitle = $(this).attr('title');

$('#icis_dashboard').prepend('<div id="tooltip">' + $tipTxt + '</div>');

// jQueryUI position
$('#tooltip').position({
    of: currentTipHolder,
    at: 'center top',
    my: 'center bottom'
});
},function() {
   $('#tooltip').remove();
});
...