Всем здравствуйте. Затрудняюсь понятным языком описать проблему, но всё же постараюсь.
Имеется php-скрипт, который читает базу на предмет некоторых данных, затем рисует на странице кликабельный список из этих данных. На клик реагирует js-скрипт, который отправляет данные через ajax-запрос, последний в результате перерисовывает данные в соседнем диве, в котором, в свою очередь, находится кнопочка, к примеру, "инфо" (jquery dialog), при нажатии на которую открывается модальное окно с подробной информацией хранящейся в БД об нажатом элементе списка.
Сопсно, код аякса:
// SCRIPT1
$( '.list' ).click(function(){
$.ajax({method: 'POST',
cache: false,
url: 'somePage.php',
data: { dataKey: dataValue },
dataType: 'text',
success: function(data){
$( '#someDiv1' ).remove();
$( '#someDiv2' ).html('<div id=\'someDiv1\'></div>');
$( '#someDiv1' ).replaceWith(data); },
});
});
Проблема состоит в том что поклацав несколько раз на элементы списка (не важно, одни и те же или разные), нажав в конце на кнопку "инфо", модальное окно откроется столько раз, сколько раз было нажато на элементы списка.
Надеюсь, описание понятное. Сопсно вопрос: почему так происходит, и как это полечить?