jQuery Forum

Hello,

Hello,

So I'm relatively new at coding jQuery, and although I can use most methods fluently, I still consider myself a beginner.

The problem I have is that the jQuery UI Dialog only opens once after clicking it and not subsequent times. I know that there are blog posts describing how to get around the issue, such as this one:

http://blog.nemikor.com/2009/04/08/basic-usage-of-the-jquery-ui-dialog/

However, after trying to make this fit my code, I still cannot get it to work.

Basically, I would like to use the jQuery Dialog instead of a third party lightbox solution. I have a bunch of loaded video thumbnails, and on click I want the associated video to open in a dialog. Each video will have a different video associated with it, which is found in a div with a class of 'video'. All the code I created doesn't work properly, and end up just showing a blank page or no functionality.

Any thoughts would be greatly appreciated.

I understand I need to somehow instantiate the dialog first with autoOpen: false.

.directors-videos is the class of the list item I will be clicking, containing the thumb
.video is the div in that list item containing the video embed code.

1.  var $dialog = $('.video')
                       .dialog({
                           autoOpen: false,
                           show: 'fade'
                       });
   
                   $('.directors-videos').click(function() {
                       $dialog.dialog('open');
                       // prevent the default action, e.g., following a link
                       return false;
                   });
   

I am having issues implementing a plugin by Ariel Flesler. If anyone could take 5-10min out of their busy day to help me, it would be greatly appreciated. I have done the steps below, but it still does not work.