Question

我的jquery ui对话框有问题。一旦我关闭它就无法打开。这是我试过的

HTML：

    <div id="videodialog" style="display:none;">
    <div style="top:0%; right:1%; position:absolute; cursor:pointer;" 
    class="videodialogremoveclass"><img id="dialogremove" src="image/bdelete.png"    
    height="15" /></div>
    <iframe id="video" width="635" height="360" 
    src="http://www.youtube.com/embed/b16V25eNyJY" frameborder="0" allowfullscreen>
    </iframe>
     </div>

jquery的：

    $( '#videodialog' ).dialog({
         autoOpen: false,
            height: 380,
            width: '50%',
            position:[285,140],
            modal:true,
            resizable: false,
            draggable: false,
            beforeClose: function(){   $(this).remove();   }
    });
    $( '#videodialog' ).dialog( "open" );
    e.preventDefault();

任何帮助请：）

Answer 1

删除下面的行，它会在关闭时从DOM中删除对话框。

beforeClose: function(){   $(this).remove();   }

（续）

$( '#videodialog' ).dialog({
         autoOpen: false,
            height: 380,
            width: '50%',
            position:[285,140],
            modal:true,
            resizable: false,
            draggable: false,
            open: function() { $("#video").attr('src','http://www.youtube.com/embed/b16V25eNyJY'); }
            beforeClose: function(){   $("#video").attr('src','');   }
    });

Answer 2

删除

$(this).remove();

来自前一场比赛。

Answer 3

出于这个目的，你写了这一行

 e.preventDefault();
 $(this).remove();

如果不需要，请删除并重试。

jquery ui对话框无法打开两次

3 个答案: