PDA

Zobacz pełną wersję : Bootstrap Tabs - link do kolejnych tabsów.



kingu80
01-06-2019, 21:10
Cześć Wszystkim,
Piszę z kolejnym pytaniem, wiem przepraszam ale tu na tym forum jedynie mogę znaleźć pomoc. Zwłaszcza że strony Admina który jest mega pomocnym człowiekiem za co pięknie dziękuję. Postaram się wytłumaczyć w miarę zrozumiale mój problem. Stworzyłem sobie moduł Bootstrap tabs. Moduł ma różne kategorie, jak pierwsza, domyślna wyświetla się kategoria All. I teraz chodzi o to że chcę mieć w tej kategorii jakiś tekst, po kliknięciu na który, zostanę przeniesiony do odpowiedniego tabsa. Coś takiego jak na poniższym screenie:
9596

I teraz w poszczególnych artykułach odpowiadające za dane kategorie, chcę sobie ustawić ten tekst + link który przekieruje mnie do odpowiedniego tabsa. Link podaję jako identyfikator danego kontenera:
9597

No i jest problem ponieważ po kliknięciu w na odnośnik, przekierowanie nie następuje. Oczywiście ja wiem czemu nie następuje. Ponieważ klikając na daną kartę, prócz przeniesienia do odpowiedniego kontenera, ustawiany jest parametr aria-expanded na true. I teraz nie mam bladego pojęcia, jak przekazać ten parametr w linku i czy w ogóle jest to możliwe w taki sposób w jaki ja chcę to zrobić.

siristru
01-06-2019, 23:31
Tabsy w Bootstrapie mają linki zaczynajace się od # spróbuj dodać # zamiast / w linku A.

Jaka wersja Bootstrapa?

Pokaż linka do strony - zobaczę jaką masz strukturę. Będzie łatwiej pomóc.

Aha, jak zamieszczasz zrzuty ekranu to używaj tego: https://snag.gy/
Zrzuty osadzone w forum sa kompresowane i małe, ledwo widać szczegóły. A czasami w ogóle nie można zobaczyć dołączonego zrzutu.

kingu80
02-06-2019, 09:55
To jest link do strony: http://www.ilonov.vot.pl (http://www.ilonov.vot.pl/) Dawałem też link z samym #, bez / ale to nic nie działa bo tak jak wspomniałem, aby to zadziałało, musi być dla odpowiedniej karty ustawiony na true parametr aria-expanded . Bez tego nie przejdzie a ja z kolei nie mam pomysłu jak to przekazać w tym linku, obawiam się że się nie da.

siristru
02-06-2019, 11:39
Nie, nie, tutaj wcale nie chodzi o aria-expanded tylko o dodawanie przez jQuery klasy "active in" to klas danego kontenera tabu.
Robiłem coś takie tutaj: https://przelomy.muzeum.szczecin.pl/wizyta.html#ksiegarnia
Tam są dwa taby "Ceny i bilety" oraz "Sklep muzealny" jak klikniesz w powyższy link to otworzy się drugi tab "Sklep muzealny" mimo iż domyślnym tabem jest "Ceny i bilety".

Użyłem takiego kodu;


<script type="text/javascript">
jQuery(function(){
var hash = window.location.hash;
hash && jQuery('ul.nav a[href="' + hash + '"]').tab('show');

jQuery('#myTab a').click(function (e) {
jQuery(this).tab('show');
var scrollmem = jQuery('body').scrollTop() || jQuery('html').scrollTop();
window.location.hash = this.hash;
jQuery('html,body').scrollTop(scrollmem);
});
});
</script>

Tuż przed zamykającym </body> w pliku index.php szablonu.