Question

这里有人知道如何使用jquery插件qTip吗？我想使用“讲话泡泡提示”，但我不知道该怎么做。

我添加了链接：

<link type="text/css" rel="stylesheet" href="/jquery.qtip.css" />
<script type="text/javascript" src="/jquery.qtip.min.js"></script>
<script type="text/javascript" src="/jquery.qtip.js"></script>

我正试图在按钮上显示一个气泡。这是我的按钮：

<button  type="button" class="btn btn-default" id="submit_button_traitement">Submit</button>

这是我的js代码：

<script>
$(function(){
$('#submit_button_traitement').qtip({
    content: {
        text: 'Tips plugin element'
    },
    events: {
        render: function(event, api) {
            // Grab the tip element
            var elem = api.elements.tip;
        }
    }
})
)};
</script>

请帮忙！

Answer 1

我无法弄清楚＆＃34;语音泡泡提示＆＃34;他在他的网站上有插件（我根本不认为qTip2文档很好），但是你的代码无效的原因是因为你把它包装在$(function)中。一旦我删除它，它工作。另外，请确保您的<script>部分位于<html>。

之后

如果您希望它看起来像一个语音气泡，您可以使用应用于工具提示的自定义CSS类来赋予它外观。我在下面的小提琴中给出了一个例子：

http://jsfiddle.net/cx4n0p0u/1/

如何使用qTip2中的语音气泡

1 个答案: