0

每当我将鼠标悬停在 wordcloud 中的某个单词上时，我都会尝试实现 jQuery Tooltip。我使用的 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"
});
4

1 回答 1

1

尝试使用您的代码，它工作正常。谷歌 

   $(function() {
    $("#age").tooltip();
   });

  fiddle url:  http://jsfiddle.net/7GvQt/
于 2013-12-03T09:19:57.540 回答