Попытка обработать динамически созданные ссылки с помощью JS

Question

У меня есть галерея продуктов, которая динамически создается с использованием php и mysql при загрузке моей htlml-страницы.Я должен взять все изображения в галерее и превратить их в ссылки, которые создадут модальное окно с содержимым, которое генерируется динамически в зависимости от того, какой продукт был выбран.

Моя первая мысль - использовать Jquery для выбора всех продуктов, поместить <a><a/> вокруг каждого изображения и передать какой-то идентификатор my php, который будет генерировать контент в модальном окне.Правильно ли этот мыслительный процесс для достижения этого или есть лучший способ взглянуть на это?Может ли кто-нибудь предоставить пример кода, на который я могу посмотреть направление?

Answer 1

Да, то, что вы описываете, будет работать.

Однако я бы посоветовал вам сгенерировать упаковку <a href="javascript:void(0)"></a> в php и оставить jQuery для обработки только событий click, которые будут выглядеть примерно так:

$('a.product').click(function () {
    $.get('/some/url.php', data: {id: 1234}, function (data) {
        // Request is sent to /some/url.php?id=1234
        // PHP responds with some HTML
        // Output the HTML somewhere
        $('#output').html(data);
    });
});

Если вы используете библиотеку для модального режима, некоторые из них уже поддерживают загрузку содержимого AJAX, поэтому вам не нужен $.get, а вместо этого просто укажите URL ипараметры запроса.