2013-12-03 5 views
0

Я пытаюсь реализовать подсказку jQuery всякий раз, когда я нахожусь на некотором слове в wordcloud. Ссылки Wordcloud Я использую это [jQuery.awesomeCloud.plugin]: https://github.com/indyarmy/jQuery.awesomeCloud.pluginКак добавить функцию JQuery Tooltip на JQuery.awesomeCloud.plugin

Или есть другой способ добавить всплывающую подсказку при наведении на слово в использовании этого JQuery Wordcloud? Пожалуйста, помогите мне.

Thank you.

Мои коды следующим образом:

<!--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" 
}); 
+0

'название = "Hello"'? – Peon

+0

Привет @DainisAbols спасибо, что нашли время, чтобы ответить. Да. Я сделал это, но, видимо, нет текста, когда наведите указатель мыши. Я расколол свой мозг им. Я думаю, что это может быть проблема jQuery.awesomeCloud. Этот jQuery использует DOM addeventlistener. Это причина, которая влияет на появление моих кодов? :/ – user3060547

+0

Попробуйте проверить скрипт jQuery на наличие признаков манипуляции с заголовком. – Peon

ответ

1

tryied с кодом, он работает нормально. Google

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

    fiddle url: http://jsfiddle.net/7GvQt/