открыть новую страницу во всплывающей модели с помощью jquery

Question

У любого есть идея, как открыть новую страницу во всплывающем окне модели с помощью jQuery.Новая страница должна быть страницей Aspx.Я не хочу использовать ajax extender.

Answer 1

Вы можете использовать jQuery UI Dialog .

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

Это load страницы в /path/to/aspx в div с идентификатором dialog, а затем представление содержимого 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>

См. связанную документацию для получения дополнительной информации.

Answer 2

Вместо диалогового окна jQuery UI вы можете использовать плагин Facebox . Это очень крутой плагин и простой в использовании. Вот простая пошаговая инструкция:

1. Поместите все необходимые ссылки в заголовок вашей веб-страницы, это объясняется на их веб-странице.

2. Чем вам нужно будет добавить этот фрагмент кода где-то на вашей веб-странице, лучше всего в голове:

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

3. Если вы сделали это, вы можете просто вставить HTML-ссылки следующим образом:

   <a href="somepage.aspx" rel="facebox">Link Title</a>
   

Надеюсь, это поможет вам.