Привет всем, столкнулся с такой проблемой:
1. Есть страница на ней две кладки созданные при помощи виджета Jquery UI Tabs
//формирует вкладки
$("#tabs").tabs({
ajaxOptions:{
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html("Содержимое не найдено :(");
}
}
});
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:
Соответственно в каждом блоке находиться весь функционал и лезут глюки...
Подскажите куда копать плиз...