craigsworks.com - Support Forum - qtip with jquery mobile tap event

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!

Well first off, that code is for qTip2, not qTip 1.0, which use completely different settings Smile

. 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'
    }
});

craigsworks.com - Support Forum

finedesignz

Craig