Jquery Загрузка внешних страниц дубликат Id проблема

Question

Наша страница загружает две внешние страницы (один и тот же URL), используя $("#div1").load(mypageurl) & $("#div2").load(mypageurl). Каждый div открывается в виде диалогового окна Jquery UI по нажатию соответствующих кнопок

Внешняя страница имеет некоторую начальную логику загрузки для выбора внутреннего элемента и установки некоторого значения.

Проблема в том, что URL-адрес один и тот же, идентификатор дублируется, и, следовательно, настройка элемента не работает для диалогового окна, открытого в секунду

Если я очищаю первый div $("#div1").html("") каждый раз перед загрузкой второго div, он работает нормально

Есть ли другая альтернатива? Могу ли я что-то сделать на моей внешней странице, чтобы ограничить поиск jquery элементов в той же области видимости страницы?

Pinakin

Answer 1

Разве не было бы хорошо опустошить его при закрытии, или я что-то упустил ??

$( ".selector" ).dialog({
   close: function(event, ui) {
      $(this).empty(); 
   }
});

Answer 2

Не могли бы вы просто избежать этой проблемы, заменив вместо этого все идентификаторы на загруженной странице ссылками на классы?