2009-09-09 4 views
2

Эй там, я хотел бы загрузить HTML-страницу в DIV с помощьюJquery для загрузки содержимого в DIV

$(document).ready(function() { 
    $("#popupContent").load("aeffect.html"); 

    //Close property 
$("a.close").click(function(){ 
     $("#popupContainer").empty(); 

     }); 
}); 

Мой HTML со страницы Вызывающий:

<div id="popupContent"></div> 

Что я хотел бы делать, когда aeffect.html загружается в div, что он также записывает код от aeffect.html в тело вызывающей страницы, так что конечный результат на вызывающей странице будет выглядеть следующим образом:

<div id="popupContent"> 
    <div class="projectPopup" id="aeffect"> 
    <a class="close">Close &times;</a> 
    <img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" /> 
    <p class="description">Description</p></div> 
</div> 

Моя проблема возникает из-за того, что я пытаюсь удалить aeffect.html после того, как пользователь нажмет close. Я полагал, что я мог бы просто иметь его опорожнить DIV, но нет ничего, чтобы освободить ...

+0

В чем вопрос? – cletus

+0

Я хотел бы, чтобы содержимое 'aeffect.html' загружалось в' popupContent', так что код формы страницы aeffect.html будет вызываться и загружаться на вызывающую страницу. – antonanton

+1

Я не тестировал его. Но то, что вы описываете, именно то, что должен делать метод .load. В чем проблема? Любые сообщения об ошибках? – Fabian

ответ

2

(Вы пропустили закрывающий DIV, я думаю, на #aeffect.)

$('#popupContent').load('page.htm #aeffect') 

Первый селектор целевой контейнер. Метод загрузки принимает страницу, за которой следует селектор на той странице, которую вы хотите.

Я не уверен в загрузке страниц с других сайтов.

Сообщите мне, если это сработает для вас. Scott

Ознакомьтесь с jQuery documentation для точной настройки. Вы можете передавать параметры на страницу, если это сообщение, и вы можете использовать обратный вызов для заполнения div для более плавного опыта.

Смежные вопросы