qtip with jquery mobile tap event

[finedesignz]

Hi,

I'm a little new at working with jquery events, but I'm trying to get the qtip to show when I tap the link. Right now, it works fine in a regular browser, but not mobile.
http://jquerymobile.com/demos/1.0/docs/api/events.html

Here's my code so far:

JS Code

$('a.q_tip[title]').qtip({
 
      style: {
          classes: 'ui-tooltip-green ui-tooltip-rounded ui-tooltip-shadow'
           },
        position: {
          my: 'bottom left',  // Position my top left...
          at: 'top right', // at the bottom right of...
          target: 'mouse'
       }
    });

I've been searching all over this forum and on Google, but have yet to understand what I need to do. Forgive me if it's been answered somewhere else. Thank you for your help!

[Craig]

Well first off, that code is for qTip2, not qTip 1.0, which use completely different settings . I'd suggest using qTip2 as 1.0 is no longer actively developed and is a dead project. Regarding the issue, if you want to trigger the qTip on click, set it as the show event:

JS Code

$('a.q_tip[title]').qtip({
    show: {
        event: 'click'
    },
    style: {
        classes: 'ui-tooltip-green ui-tooltip-rounded ui-tooltip-shadow'
    },
    position: {
        my: 'bottom left',
        // Position my top left...
        at: 'top right',
        // at the bottom right of...
        target: 'mouse'
    }
});