2010-01-19 9 views
2

Рядом с полем ввода, я хочу иметь небольшую ссылку [?] ', Которая отображает краткое пояснение. Мне хотелось бы, чтобы эта ссылка отображала эту подсказку как, когда мышь нависает над [?], А также при нажатии [?]. Других действий, связанных с этой [?] Ссылкой, нет.Как сделать ссылку [?]/Tooltip?

Обычная подсказка (предоставляемая браузерами при использовании тега HTML или плагина подсказки jquery) исчезает после щелчка элемента, что полезно для большинства сценариев, но не для этого. Как я могу показать всплывающую подсказку при щелчке?

<label for='myInput'> 
    Type here 
    <a href='#' title='brief explanation!'>[?]</a>: 
</label> 
<input id='myInput' name='myInput'/> 

Как достичь этого эффекта?

ответ

1

Вы можете сделать это с помощью qTip. Используйте show: { when: { event: 'click' } }.

+0

@BalusC: спасибо! Это делает всплывающую подсказку, когда я нажимаю на ссылку. Но знаете ли вы, как я также * заставляю его всплывать? Мой вопрос заключается в том, как сохранить нормальное поведение всплывающей подсказки *, а также срабатывание кликов. Я попытался передать массив событий, но это не сработало: show: {when: {event: ['click', 'mouseover'}}} – laramichaels

+0

Отдельно пробел, таким образом, например, 'event: 'click mouseover''. – BalusC

+0

Фактически, поведение, которое я намеревался, достигается с помощью qtip в режиме по умолчанию (то же самое, что и show: {when: {event: 'mouseover'}} "). Если ссылка отключена/href = '#', то всплывающая подсказка остается видимой при нажатии. большое спасибо! – laramichaels

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