JS подгрузка файла и работа в нем

Станислав
На сайте с 27.12.2009
Offline
258
689

Столкнулся с проблемой, в ajax не силен, еще только изучаю.

На странице есть кнопочка, которая подгружает содержимое файла, в файле находится блок с информацией, а так же кнопочка закрыть подгруженной блок, кнопочку закрыть как я понимаю ajax не видит, так как сама html страница содержит только div в который нужно подгрузить блок, как с этим бороться?

на странице кнопочка

<div id="submit_open">клик</div>

<div id="open">сюда подгружаю содержимое файла</div>

Подгружаю содержимое файла в open так

$.ajax({

url: "/test.php",
success: function(data) {
$('#open').html(data);
}
});

В файле test.php блок вида

<div class="block"><div id="close">закрыть</div>

тут обычный текст а так же форма, по нажатию на submit нужно так же закрыть/скрыть содержимое файла
<input type="submit" id="close" value="отправить">
</div>

Есть ли какое то решение для этой проблемы или может есть какие то альтернативные идеи.

Мы там, где рады нас видеть.
DiAksID
На сайте с 02.08.2008
Offline
236
#1

а нафига вообще в каждом подгружаемом файле держать шаблонный для всех код - кнопку эту?

типа: $('#open').html(data + 'код кнопки'); не решит трабл?

show must go on !!!...
[Удален]
#2
Ms-Dred:
Есть ли какое то решение для этой проблемы или может есть какие то альтернативные идеи

какая версия jquery?

если до 9, то используй

$('#close').live('click', function(){......

Станислав
На сайте с 27.12.2009
Offline
258
#3

DiAksID, согласен, можно попробовать, сейчас покручу.

burunduk, тоже гляну, пока с live еще не сталкивался, надо почитать и поэксперементировать.

Спс вам.

[Удален]
#4

Ms-Dred, есть ещё плагин jquery.livequery для работы с ещё не существующими элементами, но его правда многие не очень любят, но я использую :)

это оправдано если вы очень много работаете с dom

DiAksID
На сайте с 02.08.2008
Offline
236
#5
burunduk:
Ms-Dred, есть ещё плагин jquery.livequery для работы с ещё не существующими элементами ..

тут вообще то странное решение вставлять новый input вместо обычной js-кнопки - всё одно ж под аяксом. зачем усложнять себе жизнь?

да и два одинаковых id в DOM - то же не украшение кода ;)

Станислав
На сайте с 27.12.2009
Offline
258
#6

Вобще все получилось )

Большое спасибо вам.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий