Javascript-форум - Jquery UI Tabs плодятся блоки при переключении между вкладками.

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Jquery UI Tabs плодятся блоки при переключении между вкладками. (https://javascript.ru/forum/jquery/31223-jquery-ui-tabs-plodyatsya-bloki-pri-pereklyuchenii-mezhdu-vkladkami.html)

Jquery UI Tabs плодятся блоки при переключении между вкладками.

Привет всем, столкнулся с такой проблемой:
1. Есть страница на ней две кладки созданные при помощи виджета Jquery UI Tabs

//формирует вкладки
$("#tabs").tabs({
  ajaxOptions:{
    error: function( xhr, status, index, anchor ) {
      $( anchor.hash ).html("Содержимое не найдено&nbsp;:(");
    }
  }
});

2. Вкладки подгружаются аяксом.
3. При переключениях между вкладками плодятся блоки вида:

<div style="display: none; z-index: 1000; outline: 0px; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-1"></div>

единственное чем они отличаются это значениями z-index: и aria-labelledby="ui-dialog-title-1(потом 2, потом 3 и т.д.)"
4. Также плодятся в меньшем количестве блоки вида:

<div style="display: none; z-index: 1000; outline: 0px; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog_new_lot"></div>

Они ничем друг от друга не отличаются кроме z-index:
Соответственно в каждом блоке находиться весь функционал и лезут глюки...
Подскажите куда копать плиз...

Насколько я понял, при переключении вместо того что бы очистить блок с подгружаемой вкладкой и загрузить в него же, создается новый блок, и так до бесконечности... Как-то не правильно это ИМХО. Кроме очевидных глюков связанных с появлением одинаковых id, есть и проблема разрастания размера страницы, особенно если грузиться тяжелый контент... Помогите победить проблему плиз, надо убивать не активную вкладку, тем более что она грузиться в момент перехода на нее...
http://bt-sale/test/index.html надо понажимать на вкладки и посмотреть в дебагере на появление новых блоков

Arey, код странички (html и js) давайте или ссылку на гитхаб.

Цитата:

Сообщение от yura_remnev (Сообщение 201733)

Arey, код странички (html и js) давайте или ссылку на гитхаб.

Код страники и всего остально доступен по ссылке: http://bt-sale.ru/test/index.html
что такое гитхаб? :blink:

Неужели никто не сталкивался с подобным? :cray:

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

А можно пальцем ткнуть в конкретную ошибку плиз? а то я меньше месяца явускрипт и сопутствующие библиотеки изучаю и мне пока тяжело по одной фразе все понять... :blink:

При загрузке аяксом, в конце файла идет создание dialog

Цитата:

Сообщение от zebra (Сообщение 202983)

При загрузке аяксом, в конце файла идет создание dialog

Убрал загрузку скрипта из из подгружаемых страниц, но теперь возникла проблема что тот же диалог не работает... Помогите пожалуйста правильно его запустить... По ссылке http://bt-sale.ru/test/index.html страница с исправлениями. Заранее спасибо.

После подгрузки данных вызовите создание диалога. Больше ничего и не надл