Настройка подсказок Jquery не работает, как с этим справиться? - PullRequest
Новая
       21

Настройка подсказок Jquery не работает, как с этим справиться?

0 голосов
/ 18 апреля 2019

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

Я пытаюсь это: 

$(".tip").tooltip(
{
    show: { delay: 4000, effect: 'slide' },
    hide: { delay: 4000, effect: 'slide' }
});

или это: 

$(".tip").tooltip({
        position: { my: "left+15 center", at: "right center" }
    });

Вот код, который я на самом деле получаю 

<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.js"></script>
<script src="~/Scripts/jquery-SortTable.js"></script>
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet"type="text/css" />
<script src="~/Scripts/bootstrap.min.js"></script>
<script>
    $(function () {
        $(".tip").tooltip({
            show: { delay: 4000, effect: 'slide' },
            hide: { delay: 4000, effect: 'slide' }
        });
   });
</script>

Хотелось бы хотя бы css и эффект работать, но ничего не произойдет, к сожалению.

1 Ответ

0 голосов
/ 18 апреля 2019

Попробуйте это 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



  $( ".selector" ).tooltip({  
    hide: { effect: "explode", duration: 1000 }
    show: { effect: "blind", duration: 800 }
    });
...