JQuery - открытый модал для динамических ссылок

Question

У меня есть несколько ссылок, и мне нужно открыть модальное окно с формой, чтобы пользователь мог загрузить изображение.

Мне нужно отправить идентификатор ссылки в это модальное окно, чтобы я мог сделать правильную загрузку.

Я действительно не знаю, как это сделать, потому что мои ссылки имеют одинаковый идентификатор, в противном случае мне нужно создать модальную функцию для каждой ссылки.

Как мне это сделать?

Заранее спасибо.

Answer 1

ID должны быть уникальными в соответствии со стандартами HTML.Таким образом, вы можете добавить диалог к ​​ссылке на основе класса.Какой будет лучший способ сделать ..

Рабочий пример здесь

Answer 2

Я не совсем понимаю, что вы пытаетесь сделать со ссылками, но тем не менее:

1. HTML идентификаторы должны быть уникальными в документе, поэтому, если это источник вашей проблемы, вам просто нужно исправить это
2. модальные диалоги могут быть созданы с помощью пользовательского интерфейса jQuery: http://jqueryui.com/demos/dialog/

Answer 3

Вы используете уникальные идентификаторы для всего, то есть

<sometag id=thisdynid<?php echo your_dynamic_id_in_loop; ?> >

Итак, теперь у вас есть динамические элементы HTML ID.

Теперь ваши обработчики jQuery также будут кодироваться в вашем цикле.

$('#thisdynid<?php echo your_dynamic_id_in_loop; ?>').event.function(){
function code here.

}

Теперь у вас есть динамические элементы с динамическими обработчиками событий, не может быть проще.Вы также можете использовать атрибут 'name', чтобы получить идентификаторы для перехода на вашу php-страницу.

<sometag id="thisdynid<?php echo your_dynamic_id_in_loop; ?>" name="<?php echo your_dynamic_id_in_loop; ?>">

Затем:

$.ajax({
        url: 'your.php',
        method: 'GET',
        data: 'ID=' + $(this).attr('name'),
        success: function(data) {

и т. Д. И т. Д., Надеюсь, это поможет