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

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

官方网址：http://craigsworks.com/projects/qtip/ ，附件中也有！

下面是我个人使用总结

 

1. 当内容是来自另外一个页面时，宽度（width）应取决于页面的宽度，也就是说width应设为100%，一开始设置错了。name:'blue'是使用内嵌的css样式：blue

   错误的例子：

   style: { width: 100%,name:'blue'}

   正确的例子：

   style: {width: '100%',name:'blue'}

   注意两个例子，正确的例子是要加''括号的。
2. 当浏览器不是最大化时，浏览器的宽度和高度会影响气泡提示的效果，这时就要让气泡的位置随着浏览的变化而变化，这时应该如下设置：

   position: {adjust: { resize: true,screen: true }}

   resize属性是告诉气泡随浏览器的变化而变化，screen属性告诉气泡如果上边的位置不够时，自动调整在下边显示，如果左边位置不够时自动调整在右边显示。

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

评论

1 楼 JimRoyer 2012-08-03  

怎么调用呢，写个例子撒