jquery对话框 – 页面上的多个对话框,一次只打开一个

我在一个页面上有12个对话框.如果其他12个对话框都没有打开,我只希望它们打开.我不希望它关闭现有的并打开一个新的,我只是希望它一次只打开一个对话框,并阻止用户一次打开两个.

示例HTML：

<div id="thumb2" class="suiTing-thumb">
                    <img src="img/gallery/suit1-thumb.jpg" alt="" title="" />
                </div>
                <div id="galleryDialog2" class="galleryDialog">
                    <a id="prev-arrow" href="#"></a> 
                    <a id="next-arrow" href="#"></a>
                    <div class="text">
                        text and link
                    </div>
                    <div class="dialog-slider">
                       <img src="img/suiTing-details/custom-suiTing-vent-styles.jpg" alt="" title="" />                       
                       <img src="img/suiTing-details/custom-suit-coat-lining.jpg" alt="" title="" />
                   </div>
               </div>

JS：

/* Gallery Dialog SetTings */
        $('[id^=galleryDialog]').dialog({ 
                width: 480,height:479,/* 479 seems to be the magic number to get the Box to fit vertically on the slider */
                show: 'fade',hide: 'fade',autoOpen: false,draggable: false,open: function() {
                    $('#four').stop().fadeTo("fast",0.3);
                    $('.suiTing-thumb').stop().fadeTo("fast",1.0);
                    $("a#prev").attr("id","prev-false");
                    $("a#next").attr("id","next-false");
                    $('.suiTing-thumb').attr('class','suiTing-thumb-false');
                },close: function() {
                    $('#four').stop().fadeTo("normal",1);
                    $("a#prev-false").attr("id","prev");
                    $("a#next-false").attr("id","next");
                    $('.suiTing-thumb-false').attr('class','suiTing-thumb');
                }
        });

        $('.suiTing-thumb').click(function() {
            //Strip off prefix of thumb id to get number for dialog
            var thumbBtnIdPrefix = 'thumb';
            var thumbBtnNum = $(this).attr('id').subString((thumbBtnIdPrefix.length));
            if(!$('.galleryDialog').dialog("isOpen")) {
                $('#galleryDialog' + thumbBtnNum).dialog('open').dialog('widget').position({ 
                    at: 'center center',of: $('#slider'),offset: "75 0"
                });
            }
        });

我正在尝试使用if statemenet来检查是否“.galleryDialog”(一个应用于所有对话框div的类)未打开.如果未打开,则打开单击的对话框.无论何时打开“galleryDialog1”,这都能正常工作,但是当我关闭第一个并打开另一个时,您可以一次打开任意多个.

任何帮助都会很棒.谢谢！