Как использовать речевой пузырь из qTip2

Есть ли кто-то здесь, кто знает, как использовать qTip², плагин jquery. Я хочу использовать «речевой пузырь», но я не знаю, как это сделать.Как использовать речевой пузырь из qTip2

Я добавил ссылки:

<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>

Помогите пожалуйста!

источник

2015-07-09 Erlaunis

Я не мог понять плагин «речевых пузырьков», который у него есть на своем веб-сайте (я не думаю, что документация qTip2 хороша вообще), но причина, по которой ваш код не работает, заключается в том, что вы завернули его в $(function) , Как только я удалил это, он сработал. Также убедитесь, что ваш раздел <script> находится после вашего <html>.

Если вы хотите, чтобы это выглядело как пузырь речи, вы могли бы использовать специальный CSS-класс, применяемый к всплывающей подсказке, чтобы придать этому вид. Я привел пример в следующей скрипке:

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

источник

2015-07-15 17:57:22 AlbatrossCafe

Спасибо, я уже решил эту проблему, но ваш совет по поводу стиля поможет мне много !! :) – Erlaunis

Как использовать речевой пузырь из qTip2

ответ

Смежные вопросы