如何在jQuery.awesomeCloud.plugin上添加jQuery工具提示功能
How to add a jQuery Tooltip feature on JQuery.awesomeCloud.plugin
每当鼠标悬停在wordcloud中的某个单词上时,我都试图实现一个jQuery工具提示。我使用的wordcloud引用是[jQuery.awesomeCloud.plugin]:https://github.com/indyarmy/jQuery.awesomeCloud.plugin
或者,在使用这个jQuery wordcloud时,有没有其他方法可以在单词上添加悬停的工具提示?请帮帮我。
谢谢。
我的代码如下:
<!--jQuery ToolTip-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script>
<!--Calling Tooltip function in jQuery-->
$(function() {
$("#age").tooltip();
});
<!--End-->
</script>
<!--End-->
<!--WordCLoud References-->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>//Conflict with jQuery script above-->
<script src="jquery.awesomeCloud-0.2.min.js"></script>
<!--End-->
<div class="content">
<div id="wordcloud2" class="wordcloud">
<span id="age" data-weight="90"><a href="http://google.com" title="CAN YOU SEE ME">google</a></span>
</div>
我认为这是一个阻止我弹出这个工具提示
$("#wordcloud2").awesomeCloud({
"size" : {
"grid" : 9,
"factor" : 1
},
"options" : {
"color" : "random-dark",
"rotationRatio" : 0.35
},
"font" : "Impact",
"shape" : "square"
});
试过你的代码,它运行得很好。谷歌
$(function() {
$("#age").tooltip();
});
fiddle url: http://jsfiddle.net/7GvQt/
相关文章:
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 通过jQuery添加ng样式属性,angular不更新
- 使用HTML5 localStorage和jQuery添加到收藏夹/书签
- jQuery添加的文本不显示
- 使用Jquery添加内容
- 如何使用jQuery添加另一个对象的高度作为边距
- JavaScript/jQuery-添加添加和删除类与下一个函数之间的延迟
- 对于每个json结果,使用类jquery添加css
- Jquery添加一个类之后,如何应用css
- 使用jQuery添加和删除属性
- Jquery添加输入字段和日期选择器
- jQuery - 添加删除类 - 设置输入值
- 为什么在这种情况下要向JQuery添加两个链接
- 为图像滑块jquery添加项目符号功能
- 使用jquery添加到表单内部表中的元素不会过帐
- 如何使用jquery添加元素
- 使用Jquery添加XML元素
- 当使用javascript/jquery添加值时,html文本输入表显示不正确
- 将jquery添加到firefox扩展中
- 运行 AJAX 需要什么 - 将 jQuery 添加到页面处理 AJAX 调用