点击即可显示qtip2气泡

时间:2016-04-15 07:48:06

标签: javascript jquery qtip2

我使用Qtip2显示ajax请求的返回。我想显示它,只有当用户点击它时。所以我看到show: 'click',hide: 'click'属性,但它不起作用。

我试着用简单的东西,没有ajax请求,但它仍然无法正常工作。它会在悬停时显示。

$('#test').qtip({
       content:{
           show: 'click',
           hide: 'click',
           text : "test"
       }
    });

你知道为什么这不起作用吗?如果还有其他方法可以做到吗?

2 个答案:

答案 0 :(得分:1)

快速查看文档会显示以下使用代码的方式:

$('#test').qtip({
       content:{
           text : "test"
       },
       show: 'click',
       hide: 'click'
    });

来源:http://jsfiddle.net/qTip2/x0ocvp52/

试试这个并告诉我们是否有效。

答案 1 :(得分:0)

showhide属性位于content之外。所以试试这个:

$('#test').qtip({
  content: {
    text: 'test'
  },
  show: 'click',
  hide: 'click'
});

Here is a fiddle