这里有人知道如何使用 qTip²(一个 jquery 插件)吗?我想使用“语音气泡提示”,但我不知道该怎么做。
我添加了链接:
<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>
请帮忙!
最佳答案
我无法弄清楚他在他的网站上拥有的“语音气泡提示”插件(我认为 qTip2 文档根本不好),但您的代码无法正常工作的原因是因为您将其包装在 $(function)
中。一旦我删除它,它就起作用了。另请确保您的 <script>
部分位于 <html>
之后。
如果您希望它看起来像一个对话气泡,您可以使用应用于工具提示的自定义 CSS 类来赋予它这种外观。我在下面的 fiddle 中给出了一个例子:
关于javascript - 如何使用 qTip2 中的语音气泡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31317354/