Активировать всплывающую подсказку с помощью jQuery onclick - PullRequest
0 голосов
/ 15 февраля 2011

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

В настоящее время я использую кусок 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>

Вот логика, которая заставляет всплывающую подсказку работать: Логика всплывающей подсказки

1 Ответ

0 голосов
/ 15 февраля 2011

в основном все, что вам нужно сделать, что-то вроде

$('a.tooltip_popup').click(function(e){
    e.preventDefault();//so link doesn't take you to where ever it's supposed to
    //code that brings the tooltip up
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...