Twitter Bootstrap tooltip не работает

Я загрузил Twitter Bootstrap и включил файлы .js в нижний колонтитул. Я хочу, чтобы всплывающая подсказка появлялась, когда вы наводили указатель мыши на значок информации. Поэтому у меня есть этот код:Twitter Bootstrap tooltip не работает

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" title="blah blah blah">

Тогда у меня есть этот скрипт, чтобы включить подсказку:

<script type="text/javascript"> 
jQuery(function() { 
    $("[rel='tooltip']").tooltip(); 
});

Но подсказка не появляется, как это происходит на примере страницы более в Twitter Bootstrap. http://twitter.github.com/bootstrap/javascript.html#tooltips

Он появляется с укладкой по умолчанию с моей темой, интересная вещь, однако, если я загрузить плагин Twitter Bootstrap на WordPress и включить библиотеку Javascript в плагин - это работает. Но, однако, уловка заключается в том, что CSS по умолчанию переопределяет мой CSS на веб-сайте.

Надеюсь, я поняла.

Любые ответы, которые были высоко оценены, так как это ломало мой мозг в течение двух дней.

Арран

источник

2013-03-06 Arran Scott

Может вы готовите ** [скрипку] (http://jsfiddle.net) ** для нас? – yckart

уверенный - http://jsfiddle.net/Euqbz/ –

Эмм, ты уверена, что знаешь, что делаешь? Включение 'jQuery' и' Twitter Tooltip' рекомендуется для его работы;) Посмотрите на мой ответ: http://stackoverflow.com/a/15246782/1250044 – yckart

Вы должны дать что-то вроде этого:

<script type="text/javascript"> 
jQuery(function() { 
    $("img[rel='tooltip']").tooltip(); 
}); 
</script>

Селекторы атрибутов должны применяться на элементах.

источник

2013-03-06 11:53:05 web2008

Работы для меня, как и предполагалось. Вы думаете, что вы включили jQuery и twitters Tooltip -plugin (в правильном порядке)?

http://fiddle.jshell.net/xe5UX/2/

источник

2013-03-06 11:59:03 yckart

' ' –

@ArranChristopherScott вы можете предоставить ссылку на свою домашнюю страницу? – yckart

Веб-сайт находится на dev-сервере и доступен только через мою домашнюю сеть, я могу предоставить вам скриншот о том, как всплывающие подсказки выглядят, если вы хотите, спасибо за вашу помощь –

@Arran Я также с той же проблемой, но если я изменить название «» для «данных оригинального титула» Тогда он работает форма me.Try использовать это:

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" data-original-title="blah blah blah">

источник

2013-04-19 05:17:44

Twitter Bootstrap tooltip не работает

ответ

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