微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如果父 div 很小,jquery-ui 工具提示与工具提示和项目发生冲突

如何解决如果父 div 很小,jquery-ui 工具提示与工具提示和项目发生冲突

enter image description here

我在我的网站中添加一个 Jquery-ui tooltip,如上图所示。它用于使用 Bootstrap dropdown 的列表。我正在使用 jquery-ui-1.12.1 版本。问题是,当工具提示的大小很大并填满整个区域时,如果我将鼠标移到工具提示上,它会在页面显示为小故障。那时它不会显示工具提示。然后我需要将光标移动到左侧或右侧(在工具提示容器宽度之外)以使工具提示可见。

我正在调用如下所示的工具提示功能

    $('.tooltip-item').tooltip({
      placement: "bottom",container: "body",placement: { collision:"flipfit"  }
    });

我该如何解决这个问题?我尝试了放置和位置的各种选项。任何帮助将不胜感激。提前致谢。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。