0

К примеру было

<div id="tatata">
<a href="http://hello.ru" id="hello">hello</a>    
<a href="http://goodbye.com/">good bye</a>    
</div>
<script>
    $('#tatata a').click(function () {
        $('#tatata').html('<a href="http://ya.ru/">yandex</a><a href="http://google.ru/">google</a>');
        return false;
    });
</script>

В данном примере уже по клику google или yandex скрипт не работает, пропускает клик. Как заставить перехватывать?

Извиняюсь, если что-то не так написал, какие-то формулировки и т.п. p.s. новичок :(

1
  • 1
    Да, прошу прощения. Налажал в своём варианте. Господин @Чад прав.
    – stck
    Commented 5 окт. 2012 в 20:29

2 ответа 2

4

Используйте делегирование!

$('body').on('click', '#tatata a', function(){})
1
  • 1
    Тока body в кавычки.
    – Чад
    Commented 6 окт. 2012 в 8:02
1

Клик не пропускается, просто вы обновлением дива tatata стираете элементы a к которым был привязан клик. И у Вас в этом диве появляются новые элементы "a" уже без привязанного события click.

Не понятен смысл такой задачи в рамках вашего кода, но сделать можно так:

...
function eventClick(){$('#tatata').html(...); $('#tatata a').click(eventClick);}
...
$('#tatata a').click(eventClick);
...
6
  • А как их заново привязать к событию click?
    – LOOOL
    Commented 5 окт. 2012 в 20:28
  • Смысл в том, что ссылки подгружаются использую ajax запрос, т.к. код довольно длинный, дабы не запутать опустил его.
    – LOOOL
    Commented 5 окт. 2012 в 20:35
  • Что-то у меня не получается, вот код (посмотри пожалуйста): <script> $(".num a").click(function(){ var num = $(this).text(); page(num); return false; }); function pages(page){ var send = $.getJSON('/num.php', {n: page}, function(obj){ $('.num').html(obj.nav); });} </script> ссылки вида <Div class="num"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </div>
    – LOOOL
    Commented 5 окт. 2012 в 20:48
  • Таки где привязка клика после обновления контейнера ссылками?
    – Чад
    Commented 5 окт. 2012 в 21:01
  • Так нет тут, вот и написал тебе!
    – LOOOL
    Commented 6 окт. 2012 в 3:17

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.