Как прикрепить к загруженным через load данным jq-обработчик?

Question

[Александр]

Привет. Оговорюсь: мой уровень js - минимальный.

К элементам на странице прикрепляется обработчик

<a  id="faceboxlike"></a>
<a  id="faceboxlike"></a>
<a  id="faceboxlike"></a>

такой

jQuery(document).ready(function($) {$('a[id*=faceboxlike]').facebox() })

Через load (+append) добавляются такие же данные на страницу.
Как к этим данным прикрепить выше написанный js?

Answer 1

[Юрий Лобанов]

Да и html видимо тоже. Нельзя делать несколько элементов с одинаковым id!

А так, добавляйте после append, например.

Comments

[Александр]

этот код работает уже много лет, я к сожалению, не пытался его переписать. вот страница, на которой экспериментирую goo.gl/6e7drD

[Александр]

при подгрузке второй страницы, если кликнуть на "сердечко" окошко не вызовется как на тех элементах, которые были загружены до этого.

[Юрий Лобанов]

@alexis78i ах, ну что ж, пожалуйста, если работает много лет - это безусловно значит, что все сделано правильно.

[silentvick]

То, что браузеры переваривает ошибки, еще не значит, что эти ошибки допустимы. На странице не должно быть нескольких одинаковых id-ков, их следует заменить на классы.

[Юрий Лобанов]

@alexis78i а решение я Вам написал

[Александр]

@iiil безусловно это не правильно. К сожалению, если после append запустить jQuery.ready.... окно прикрепится несколько раз к тем элементам, которые были первоначально.

[Юрий Лобанов]

@alexis78i что конкретно делает facebox(), можно делать проверку. Как выглядит append - выложите код. Возможно, можно добавлять только на новые элементы.

[Александр]

@iiil facebox вызывает модальное окно (по клику на "сердечко")
а append выглядит так:
$("#centHome").append($('').load('/search/?page=2 #centHome'));

[Юрий Лобанов]

@alexis78i надо сразу после этой строчки добавлять $('a[id*=faceboxlike]').facebox();
без всяких ready
Что значит несколько раз прикрепляется? Поясните. Оно что, по клику несколько раз выскакивает? Как делать проверку, честно говоря, не знаю, наверное не получится.

[Александр]

@iiil получается что два раза цепляется к тем элементам, что уже были на странице, но не к тем, что были подгружены. goo.gl/OchT2p

[Юрий Лобанов]

@alexis78i смотрите, я бы советовал во-первых, перейти на классы. Во-вторых, если после этого не поможет - переделать вывод. У Вас, насколько я смог понять, все валится в один див. Если бы можно было разделить на дивы class="page1", class="page2" и class="page3", то и навешивать было бы легче. Ничем другим помочь не могу, к сожалению.

Answer 2

[Yuri Morozov]

Во-первых, одинаковых id на странице быть не должно. Измените селектор, к примеру, на класс:

<a class="faceboxlike"></a>
...
<a class="faceboxlike"></a>

$('a.faceboxlike').facebox();

Во-вторых, новые элементы "плагинить" можно в момент, собственно, загрузки контента.
Загрузили аяксом контент, добавили на страницу, вызвали $('a.faceboxlike').facebox().