Question

任何人都知道如何使用jQuery在模态弹出窗口中打开新页面。新页面应该是Aspx页面。我不想使用ajax扩展器。

Answer 1

$('#dialog').load('/path/to/aspx', function() {
    $(this).dialog({
        modal: true,
        height: 200
    });
});

这将/path/to/aspx dialog页面中{id = {1}}的div，然后在模式窗口中显示div的内容。

在html中包含以下内容

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

有关详细信息，请参阅load。

Answer 2

您可以使用Facebox插件代替jQuery UI Dialog。这是一个非常酷的插件，易于使用。这是一个简单的一步一步的指导：

将所有必需的链接放入网页的头部，在网页上对其进行了解释。

您必须在网页的某个位置添加这段代码，最好的是：

jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox() 
})

如果你这样做，你可以像这样插入HTML链接：
```
<a href="somepage.aspx" rel="facebox">Link Title</a>
```

我希望能帮助你。

使用jquery在模态弹出窗口中打开新页面

2 个答案: