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