gpt4 book ai didi

javascript - 如何使用 qTip2 中的语音气泡

转载 作者:行者123 更新时间:2023-12-03 09:36:36 25 4
gpt4 key购买 nike

这里有人知道如何使用 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 中给出了一个例子:

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

关于javascript - 如何使用 qTip2 中的语音气泡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31317354/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com