2013-11-18 4 views
0

Я пытаюсь изменить цвет самозагрузки подсказки и здесь я нашел очень многообещающий ответ на этот вопрос:JSFiddle не работает

Change bootstrap tooltip color

Но, то JSFiddle цитирует Praveen Кумар не работает ,

Когда я нахожу курсор мыши, всплывающая подсказка внизу ничего не происходит, всплывающая подсказка не появляется.

Кто-нибудь знает, почему этот JSFiddle не работает?

+3

Внешних ресурсы, 'самозагрузка-tooltip.js'' не существует скрипка ссылка на' 'bootstrap.css'' и '. С момента начальной загрузки многое изменилось. –

+0

Вы можете найти эти ресурсы сбоку в разделе «Внешние ресурсы». [** Видеоролик **] (http://screencast.com/t/CfKsscy8CAX). Как показано на видео, [bootstrap.css] (http://twitter.github.io/bootstrap/assets/css/bootstrap.css) и [bootstrap-tooltip.js] (http://twitter.github.io/ bootstrap/assets/js/bootstrap-tooltip.js) просто перейдите на первую страницу документации. – h2ooooooo

ответ

0

Поскольку внешние ресурсы были перемещены. Вы можете найти их в стороне JSFiddle:

External Resources JSFiddle

В частности ссылки переместились из/в:

http://twitter.github.io/bootstrap/assets/css/bootstrap.css ->http://getbootstrap.com/2.3.2/assets/css/bootstrap.css

и также

http://twitter.github.io/bootstrap/assets/js/bootstrap-tooltip.js ->http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js

Here's the updated version of the Fiddle with the correct resource paths

I've also updated the original answer with the updated fiddle. 
+0

Хорошая работа. Теперь я понимаю этот вопрос Bootstrap. – Davo

0

Потому что ничего не упоминается в title поле, и вам необходимо добавить дополнительные расширения jQuery UI 1.9.2 .Try то есть это:

<a href="#" data-toggle="tooltip" data-placement="bottom" 
    title="hello" data-original-title="Tooltip on bottom" 
    class="red-tooltip">Tooltip on bottom</a> 

<!--Title field was blank earlier.Now i added a text 'hello'--> 

Demo

+0

это действительно работает –

+0

[подсказка Bootstrap] (http://getbootstrap.com/2.3.2/javascript.html#tooltips) =/= [jQuery UI tooltip] (http://jqueryui.com/tooltip/). – h2ooooooo

+0

@what is sleep yup it does .. :) –

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