2013-04-09 5 views
0

У меня возникла ситуация, когда мне нужно отобразить ссылку внутри всплывающей подсказки. Я нашел несколько сообщений, в которых люди заявляют, что лучший способ - скрытый div, но я не могу найти примеров этого. Может ли кто-нибудь указать мне подходящее место для примера?Размещение ссылки внутри всплывающей подсказки

Вот что я имею до сих пор для HTML. Я полагаю, что все остальное будет сделано в JQuery, что является моей слабостью.

<td><%= f.check_box :raw_footage_check_finished, :checked => true %> 
<div id="tooltip" style="display:none"><%= link_to 'Mark Incomplete', '#' %> 
</div></td> 

Я использую Ruby on Rails для своего языка на стороне сервера.

+1

Проблема со ссылкой в ​​подсказке или проблема с отображением самой всплывающей подсказки? Как вы называете всплывающую подсказку? Вы используете библиотеку? Вам нужно быть более конкретным. –

+0

Ну, изначально я вызывал его, используя свойство title в флажке, но когда я попытался помещать тег Anchor в свойство title, он буквально отображал «Mark Incomplete». Я использую Jquery. Я просто не уверен, с чего начать. – user1977840

+0

Я могу получить всплывающую подсказку, чтобы показать, что ссылка не является ссылкой. Его просто текст – user1977840

ответ

0

Вам не нужно использовать jQuery, если вы не делаете что-то действительно фантастическое. Вы можете использовать обычный «ола CSS вот так:

.parent .tooltip { 
    display: none; 
} 

.parent:hover .tooltip { 
    display: block; 
} 

Это не совсем ясно из вашего примера, как вы хотите работать, но вот jsFiddle демо: http://jsfiddle.net/DEtnP/

Кроме того, старайтесь избегать встроенного CSS везде, где возможное.

+0

Thats it! В основном, что это такое, это гигантский контрольный список дел. Поэтому я хочу, чтобы, когда они проверяют активность, они не могут снять ее, если они не нажимают ссылку на всплывающую подсказку, чтобы сделать ее немного сложнее – user1977840

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