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/aidioo7/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 回答