0

jQuery UI ダイアログを開いて、単一のリンクのクリックで新しいページにリダイレクトできるようにしたいと考えています。これを行う方法はありますか?

これが私のダイアログハンドラです:

$.fx.speeds._default = 1000;
    $(function() {
        $( "#dialogDiv" ).dialog({position:['middle',60],
            open: function(event, ui) {  
            jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span style="float:right;"><img src="../images/x.png" /></span>');  
        },  
            dialogClass: 'ui-widget-shadow',
            modal: true,    
            autoOpen: false,
            width: '950px',
            close: function(ev, ui) {$(this).close();}
        });

        $( ".opener" ).click(function() {
            $( "#dialogDiv" ).dialog( "open" );
            return false;
        });
        $( ".btnDone" ).click(function(){
            $('.ui-dialog-content').dialog( "close" );
        })
    });

そして、これは私が現在使用しているリンクです(モーダルウィンドウを正常に開きますが、ページにリダイレクトしません):

<a href="newpage.html" class="button opener">View</a>
<div style="display:none;" id="dialogDiv" title="Your custom page">
</p>Here is your new custom dashboard</p>
<br />
<a href="#" class="btnDone button">OK</a>
</div>

したがって、ユーザーが [表示] ボタンをクリックすると、新しいページがバックグラウンドで読み込まれ、その上にモーダル ダイアログが表示されます。コードを調整してこれを機能させるにはどうすればよいですか?

4

1 に答える 1

0

これを試してみてください:- http://jsfiddle.net/adiioo7/tURMc/1/

おそらく iframe を使用してポップアップを表示すると、iframe が href URL をロードします。そのため、ポップアップが開き、必要なページが iframe で開きます。

HTML の変更:-

<iframe id="testiframe" height="400" width="400" border="0"></iframe>

JS 変更:-

$(".opener").click(function () {
        $("#dialogDiv").dialog("open");
        $("#testiframe").attr("src",$(this).attr("href"));
        return false;
    });
于 2013-03-08T18:15:19.367 に答える