close modal dialog from inside the content

[siriusblack]

How I can close a modal dialog from a link inside the content??

[Craig]

siriusblack, use the 'hide' API command:

JS Code

$(linkElementInModal).click(function(){ $(this).parents('.qtip').qtip('hide') });

[jchandler]

Hey Craig,

I'm having a hard time getting this to work as well. My code is below (including the method used to call the tip)

qtip Code

JS Code

// Approval Terms
$('.approval_terms').click(function(e){e.preventDefault();}).each(function(){​
  var $this = $(this),
      formTitle = $this.attr('title'),
      firstClass = $this.attr('class').split(' ').shift(),
      formContent = $('#' + firstClass).html(); // look for id that matches link's class
      $this.qtip({
        content: {
          text: formContent,
          title:
          {
            text: formTitle,
            button: 'Close'
          },
          text: formContent
        },
        position: {
          corner: {
            target: 'topMiddle',
            tooltip: 'bottomLeft'
          }
        },
        style: {
          width: 500,
          tip:  'bottomLeft',
          border: {
            radius: 8,
            width: 2
          },
          name: 'sesameGreen'
        },
        show: {
          when: 'click',
          solo: true
        },
        hide: {
          when: 'click',
          fixed: true,
          delay: 500
        }
    });

Destroy Method

JS Code

//destroy tooltip when "cancel" is clicked
$('a.cancel').click( function() {
    $(this).parents('.qtip').qtip("hide");
});

I've tried to use a modified version of the above code within the onRedender/onShow methods and all I get is a parseError.

Any light you can shed on this would be great!

[Craig]

jchandler, if you stick your second piece of code in the onRender callback of the API it should work just as you expect. Or even better, use a live call instead of a regular bind:

JS Code

//destroy tooltip when "cancel" is clicked
$('a.cancel').live('click', function() {
    $(this).parents('.qtip').qtip("hide");
});