JQuery UI Tabs теряет CSS и скрипты - PullRequest
Новая
       11

JQuery UI Tabs теряет CSS и скрипты

1 голос
/ 23 февраля 2012

У меня проблема с вкладками jQuery UI .Я пытаюсь сделать так, чтобы каждый раз, когда пользователь нажимал на вкладку, я загружал содержимое вкладки с помощью Ajax с помощью функции jQuery.load ().У меня проблема в том, что после вызова $ (). Load () я теряю все css и javascript, которые раньше были частью DOM (и ДА, я использую .live).Итак, у меня есть что-то вроде этого: 

$("selector").live("mouseup", function(){

    $("tab_id").load("path #tab_id");

});

Итак, обычно приведенный выше код должен загружать содержимое моей вкладки #tab_id в DIV моей вкладки, что и происходит, единственная проблема, с которой я сталкиваюсьявляется то, что я теряю все стили и javascript, которые присутствовали на этой конкретной части страницы раньше.Любая идея, как я мог бы решить эту проблему?

Спасибо

РЕДАКТИРОВАТЬ : Вот иллюстрация проблемы, о которой я пытаюсь поговорить здесь .Как вы можете видеть, изначально содержимое моего Div #content зеленого цвета (как указано в таблице стилей, но после того, как я загружаю его с помощью Ajax (нажав на Tab 1, Tab 2 или Tab 3, я теряю css (мойабзац больше не зеленый)

Ответы [ 2 ]

0 голосов
/ 23 февраля 2012

Стили, вероятно, связаны с оригинальным контекстом содержимого.Но, как угрожающе сказано, было бы трудно узнать без разметки / CSS.JSFiddle может помочь нам в этом.

Я предполагаю, что CSS похож на это 

#tab-container .tab-item { style };

Затем, когда вы перемещаете содержимое вкладки в ваш div, он больше неоригинальный контекст для CSS для правильной работы.

Я бы просто добавил правильную разметку CSS 

#tab-container .tab-item, #content-container .tab-item { style };
0 голосов
/ 23 февраля 2012

Трудно без разметки понять, почему вы теряете стили, но я думаю, что реализуемая вами функциональность уже встроена в jquery ui .

...