基于jQuery气泡提示插件qTip的使用小总结

最新推荐文章于 2021-08-06 05:01:47 发布

hongchengding

最新推荐文章于 2021-08-06 05:01:47 发布

阅读量242

点赞数

分类专栏： javascript 文章标签： jQuery 浏览器 CSS ViewUI

本文链接：https://blog.csdn.net/hongchengding/article/details/83917253

版权

6 篇文章 0 订阅

订阅专栏

近期，由于项目需要，使用到气泡提示的效果。在网上搜索了一下，找到qTip插件，该插件功能强大，兼容性好，文档齐全。个人比较喜欢

下面是我个人使用总结

当内容是来自另外一个页面时，宽度（width）应取决于页面的宽度，也就是说width应设为100%，一开始设置错了。name:'blue'是使用内嵌的css样式：blue
错误的例子：
```
style: { width: 100%,name:'blue'}
```
正确的例子：
```
style: {width: '100%',name:'blue'}
```
注意两个例子，正确的例子是要加''括号的。
当浏览器不是最大化时，浏览器的宽度和高度会影响气泡提示的效果，这时就要让气泡的位置随着浏览的变化而变化，这时应该如下设置：
```
position: {adjust: { resize: true,screen: true }}
```
resize属性是告诉气泡随浏览器的变化而变化，screen属性告诉气泡如果上边的位置不够时，自动调整在下边显示，如果左边位置不够时自动调整在右边显示。

暂时写到这里，如果遇到一些问题继续更新

关注

专栏目录