Jquery工具提示自定义不起作用，如何处理它

Question

我正在尝试使用 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 和效果工作，但可悲的是什么都没有发生。

Answer 1

试试这个

<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 }
    });