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

jQuery工具提示自定义无法正常工作，如何处理？

1 个答案: