Я тестирую плагин всплывающей подсказки, и он будет отображать подсказку при наведении курсора мыши. Я пытаюсь, чтобы всплывающая подсказка появлялась с помощью щелчка мышью, что мне не по силам, и мне нужна ваша помощь.
В настоящее время я использую кусок jquery, поэтому он активирует модальное окно, благодаря @pointy, когда нажимаются ссылки в подсказке. Может ли что-то подобное быть включено в jQuery?
Демо: http://jsbin.com/eliwa3
Вот код страницы, который вызывает функциональность и всплывающую подсказку
<script>
dw_Tooltip.defaultProps = {
sticky: true,
klass: 'tooltip',
showCloseBox: true,
klass: 'tooltip2', // class to be used for tooltips
closeBoxImage: 'http://www.google.com/apps/images/x.png',
wrapFn: dw_Tooltip.wrapSticky
};
dw_Tooltip.on_show = function() {
$(".modalPageWide").colorbox({
width:"800px",height:"610px",opacity:0.6,iframe:true
})
};
dw_Tooltip.content_vars = {
tooltip_popup: {
content: 'Click a link to continue' +
'<ul><li><a href="http://www.amazon.com" class="modalPageWide">Link 1</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 2</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 3</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 4</a></li></ul>',
klass: 'tip'
}
}
</script>
Как показано ниже, когда ссылка включает в себя зарезервированный класс "showTip", она активирует всплывающую подсказку при наведении курсора мыши. Также включен составной класс (на мой выбор), который будет вызывать содержимое всплывающей подсказки
<a href="#" class="showTip tooltip_popup">Example</a>
Вот логика, которая заставляет всплывающую подсказку работать: Логика всплывающей подсказки