jQuery Dialog只打开一次

Question

所以我在编写jQuery方面相对较新，虽然我可以流利地使用大多数方法，但我仍然认为自己是初学者。

我遇到的问题是jQuery UI Dialog只在点击后打开一次而不是后续时间。我知道有博客文章介绍如何解决这个问题，例如：

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

然而，在尝试使其符合我的代码之后，我仍然无法让它工作。

基本上，我想使用jQuery Dialog而不是第三方灯箱解决方案。我有一堆加载的视频缩略图，点击后我希望在对话框中打开相关的视频。每个视频都有一个与之关联的不同视频，可以在带有“视频”类的div中找到。我创建的所有代码都无法正常工作，最终只显示空白页面或没有功能。

任何想法都会非常感激。

我知道我需要以某种方式首先使用autoOpen实例化对话框：false。

.directors-videos是我要点击的列表项的类，包含拇指 .video是包含视频嵌入代码的列表项中的div。

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