jQuery и функция load

E
На сайте с 03.12.2010
Offline
140
1663

Добрый день всем.

Загружаю хтмл в блок с помощью load

$('#block').load('block.html');

все загружается, все нормально.

в файле block.html есть кнопка с id="enter"

код

$('#enter').click(function(){ ....

уже не срабатывает...алерты ставил, не работает...такое ощущение, что в подгружаемом хтмл перестает работать джиквери. Помогите пожалуйста.

C
На сайте с 04.02.2005
Offline
277
#1

а когда этот код выполняется?

$('#enter').click(function(){ ....

должен выполнится после load.

E
На сайте с 03.12.2010
Offline
140
#2
Chukcha:
а когда этот код выполняется?
$('#enter').click(function(){ ....

должен выполнится после load.

да без разницы...даже если стоит

$('#block').load('block.html', function(){

$('#enter').click(function(){ ....

});

все равно клик не срабатывает.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3
eBasher:

код
$('#enter').click(function(){ ....
уже не срабатывает...алерты ставил, не работает...такое ощущение, что в подгружаемом хтмл перестает работать джиквери. Помогите пожалуйста.

Почти так.

В подгружаемом коде не зарегестирован обработчик для события click.

Используйте метод bind для регистрации обработчика или live для привязки событий к динамически созданным элементам.

p.s. Плюсы и минусы этих подходов выясняются беглым гуглежом.

E
На сайте с 03.12.2010
Offline
140
#4

не работает чего-то. писал так

$('#enter').bind('click', function(){

alert(234);

live тоже не заработало почему-то :/

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
#5

нужен пациент, без него никак.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
E
На сайте с 03.12.2010
Offline
140
#6


$(function(){
$('#submit').click(function(){
$('#block').load('block.html');
});

$('#enter').bind('click', function(){
alert(123);
});
});

код вынесен во внешний js и подключается в шапке

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
#7

Ещё повторяю, для глухих. Нужно показать пациента.

E
На сайте с 03.12.2010
Offline
140
#8

никак :/ сайт пока на локали. ладно, спасибо, буду пока сам разбираться.

[Удален]
#9
live тоже не заработало почему-то

Странно. Попробуйте следующий код:

$(function(){

$('#submit').click(function(){
$('#block').load('block.html');
});
$('#enter').live('click', function(){
alert('hello world');
});
});
E
На сайте с 03.12.2010
Offline
140
#10

разобрался вроде. почему-то из загруженного хтмл не видит скрипт, который подлючается между тегами head. Всунул в загруженный хтмл, заработало. Хм.

Спасибо всем

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