Jquery ui tabs available fx options

Chciałbym wiedzieć, jak osadzić mój znacznik div, który chcę być wewnątrz zakładki jquery kartę: Mam ten kod: Jednak to nie prawidłowo osadzić div (panel id) w div zakładki-1 i po prostu pojawia się u dołu karty, a nie w środku, ale nadal znika po kliknięciu innej karty. Załączam obraz demonstrujący mój problem, przepraszam, jeśli zawartość w środku jest nieistotna. Kliknij ten link, aby wyświetlić problem: i. stack. imgurZImwI. png. Jak widać, nie ma go w karcie, ale nadal znika po kliknięciu na inną kartę. Co muszę zrobić, aby móc umieścić ten div, który nie zmienię, w zakładce, tak aby rzeczywiście do niego wszedł. Starałem się, aby było to jak najbardziej zrozumiałe. Interfejs użytkownika demonstracyjnego jquery jQuery oferuje połączenie interakcji, efektów, widżetów, narzędzi i motywów zaprojektowanych tak, aby dobrze współpracowały ze sobą lub na własną rękę. Zagraj z pokazami, obejrzyj źródło, utwórz motyw. przeczytaj dokumentację API i zacznij korzystać z jQuery UI już dziś. Interakcje Interakcje dodają podstawowe zachowania oparte na myszach do dowolnego elementu. Możesz tworzyć listy do sortowania, elementy skalowalne, przeciąganie i upuszczanie po wielu kroplach za pomocą zaledwie kilku linii kodu. Interakcje są także świetnymi klockami dla bardziej złożonych widgetów i aplikacji. Widżety to w pełni funkcjonalne formanty interfejsu użytkownika, które zapewniają bogactwo aplikacji komputerowych w Internecie. Wszystkie widżety zapewniają solidny rdzeń z dużą ilością punktów rozszerzeń do dostosowywania zachowań, a także pełną obsługę tematyczną. Efekty dodają obsługę animacji kolorów i przejść klasowych, a także zapewniają kilka dodatkowych wygód. Ponadto pełny zestaw efektów niestandardowych jest dostępny do użycia podczas pokazywania i ukrywania elementów lub po prostu dodawać nieco atrakcyjności wizualnej. Narzędzia używane przez interfejs jQuery do budowania interakcji i widgetów. InteractionsTabs Widget Interakcja z klawiaturą Gdy fokus znajduje się na karcie, dostępne są następujące polecenia klawiszowe: UP LEFT. Przenieś fokus do poprzedniej karty. Jeśli na pierwszej karcie, przenosi fokus na ostatnią kartę. Aktywuj aktywną kartę po krótkim opóźnieniu. PRAWO W DÓŁ. Przenieś fokus do następnej karty. Jeśli na ostatniej karcie, przenosi fokus na pierwszą kartę. Aktywuj aktywną kartę po krótkim opóźnieniu. CTRL UP LEFT. Przenieś fokus do poprzedniej karty. Jeśli na pierwszej karcie, przenosi fokus na ostatnią kartę. Zakładka focused musi być aktywowana ręcznie. CTRL DOWN PRAWO. Przenieś fokus do następnej karty. Jeśli na ostatniej karcie, przenosi fokus na pierwszą kartę. Zakładka focused musi być aktywowana ręcznie. DOM. Przenieś fokus na pierwszą kartę. Aktywuj aktywną kartę po krótkim opóźnieniu. KONIEC. Przenieś fokus na ostatnią kartę. Aktywuj aktywną kartę po krótkim opóźnieniu. CTRL HOME. Przenieś fokus na pierwszą kartę. Zakładka focused musi być aktywowana ręcznie. CTRL END. Przenieś fokus na ostatnią kartę. Zakładka focused musi być aktywowana ręcznie. PRZESTRZEŃ. Aktywuj panel powiązany z aktywną kartą. WCHODZIĆ. Aktywuj lub przełącz panel związany z zakładką focused. ALT OPCJA PAGE UP. Przenieś fokus do poprzedniej karty i natychmiast aktywuj. ALT OPTION PAGE DOWN. Przenieś fokus do następnej karty i natychmiast aktywuj. Gdy fokus znajduje się w panelu, dostępne są następujące kluczowe polecenia: CTRL UP. Przenieś fokus do powiązanej karty. ALT OPCJA PAGE UP. Przenieś fokus do poprzedniej karty i natychmiast aktywuj. ALT OPTION PAGE DOWN. Przenieś fokus do następnej karty i natychmiast aktywuj. Widget zakładek wykorzystuje styl CSS jQuery UI do stylizowania wyglądu i stylu. Jeśli wymagana jest specyficzna stylistyka kart, następujące nazwy klas CSS mogą być używane do przesłonięć lub jako klucze do opcji klas: ui-tabs. Zewnętrzny pojemnik klapek. Ten element będzie miał dodatkowo klasę ui-tabs-collapsible po ustawieniu opcji zwijania. ui-tabs-nav. Lista kart. ui-tabs-tab. Jedna z pozycji na liście zakładek. Aktywny element będzie miał klasę ui-tabs-active. Każdy element listy, którego powiązana zawartość ładuje się za pośrednictwem połączenia Ajax, będzie miał klasę ładowania ui-tabs. ui-tabs-anchor. Kotwy używane do przełączania paneli. ui-tabs-panel. Panele powiązane z zakładkami. Tylko panel, którego odpowiednia zakładka jest aktywna, będzie widoczny. Zależności Dodatkowe uwagi: Ten widget wymaga pewnych funkcjonalnych arkuszy CSS, w przeciwnym razie praca wygrała. Jeśli tworzysz niestandardową kompozycję, użyj pliku CSS widgetaposs jako punktu wyjścia. activexA0 Który panel jest aktualnie otwarty. Obsługa wielu typów: Boolean. Ustawienie active na false spowoduje zwinięcie wszystkich paneli. Wymaga to, aby opcja zwijana była prawdziwa. Integer. Indeks aktywny panelu (otwarty) oparty na zera. Wartość ujemna wybiera panele przechodzące wstecz z ostatniego panelu. Przykłady kodu: Zainicjuj karty z aktywną opcją: