VPF::jquery вставка кода через html() и рабата с ним

neoks

Дата 20.9.2010, 15:43 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

Есть код который вставляет html код в див.

Код


<div id="result"></div>
<a href="#" id="is_01">Подробно</a>

Код


$("#is_01").click(function(){
      $('#result').html('read <a href="url">more</a>');
});

$("a").click(function(){
      .......
});

При клики на ссылку ( Подробно ) срабатывае функция и вставляет код в див с id [ result ].
Все бы не чиго но при клики на ссылку more функция click не срабатывает, как я поня не видет кода которого я вставил.

Как это исправить? help smile

iluvatar

Дата 20.9.2010, 16:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 266
Регистрация: 17.9.2007

Репутация: нет
Всего: 4

Все вполне логично.
Когда вы объявляете событие

Код


$("a").click(function(){
      .......
});

то вы всем существующим ссылкам присваиваете событие click.

Но в этот момент html-кода

Код


read <a href="url">more</a>

еще нет в документе.

Для того, чтобы работало надо навесить событие именно на вашу добавленную ссылку:

Код


$("#is_01").click(function(){
      $('#result').html('read <a id="hrefMoreId" href="url">more</a>');
      $('#hrefMoreId').click(function(){
          .......
      });
});

обратившись по какому-либо селектору (в моем варианте - id). Можно также использовать класс, или, если у вас строгая структура html вот так:

Код


$('#is_01 a').click(function(){
    .......
});

Это сообщение отредактировал(а) iluvatar - 20.9.2010, 16:19

neoks

Дата 20.9.2010, 16:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

Спасибо! Все работает. smile

iluvatar

Дата 20.9.2010, 16:45 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 266
Регистрация: 17.9.2007

Репутация: нет
Всего: 4

Пометьте тему как решеную. Делается в опциях темы

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »