jQuery — Открыть модал для динамических ссылок

#php #jquery #modal-dialog

#php #jquery #модальный-диалог

Вопрос:

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

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

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

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

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

Ответ №1:

Идентификаторы должны быть уникальными в соответствии со стандартами html. Таким образом, вы можете добавить диалоговое окно к ссылке на основе класса. Что будет лучшим способом сделать..

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

Ответ №2:

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

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

Ответ №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) {
  

и т.д. и т.п. надеюсь, это поможет

Комментарии:

1. Вы используете уникальные идентификаторы для всего, т.е. code <идентификатор некоторого тега=»<?php echo uniqueid;?>» name=»<?php echo uniqueid;?>»> $(‘#thisdynid<?php echo uniqueid;?>’).event.function(){ код функции здесь. }