使用jQuery的元素上的气泡式消息
使用jQuery的元素上的气泡式消息
提问于 2013-06-16 15:08:08
当我将鼠标悬停在站点中的某个元素上时，我想显示带有标题的气球消息。我看到了jQuery代码，但我不知道我是否正确使用了它。
这是我的代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript" src="./js/jquery.balloon.js">
</script>
<script>
$(document).ready($(function() {
$('#style1').balloon({ position: "bottom right"});
});
</script>
</head>
<body>
<div id="wrap">
<button id="style1" onclick="getValue('./CSS/style1.css')">style1</button>
</div>
</body>你能帮我找到我用过的http://file.urin.take-uma.net/jquery.balloon.js-Demo.html链接吗？
回答 3
Stack Overflow用户
发布于 2013-06-16 15:24:49
有几件事可能是错误的，但也有一些确定的地方。
- 气球插件仅在目标元素具有
title属性时才会生成气球。你的button不需要。
确保它具有title属性。
- 确保您的js文件存在于给定位置
./js/jquery.balloon.js，尝试按f12并转到console选项卡，查看是否发现任何错误。
Stack Overflow用户
发布于 2013-06-16 15:42:26
将title属性添加到按钮
<button id="style1" onclick="getValue('./CSS/style1.css')" title="Some">style1</button>Stack Overflow用户
发布于 2013-06-16 16:03:39
缺少标题。< title="YourTitleHere" id="style1“onclick="getValue('./CSS/style1.css')”button >
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript" src="./js/jquery.balloon.js">
</script>
<script>
$(document).ready($(function() {
$('#style1').balloon({ position: "bottom right"});
});
</script>
</head>
<body>
<div id="wrap">
<button id="style1" onclick="getValue('./CSS/style1.css')" title="YourTitleHere">style1</button>
</div>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17131019
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号