Czyli „z palca” wpisujesz to wszystko? Jeśli dojdzie kolejna zakładka np. Kontakt za Słowniczkiem, to sam dopiszesz całą linię zaczynając od < li class=:li03″ itd.?
Pytam tylko, żeby upewnić się, że dobrze rozumiem.
I WP sam Ci zamienia miejsca href=”#tab2″ na pełne URL-e???
Coś jest nie tak. Zobacz, założyłam specjalnie stronę Testy na moim blogu:
http://webfaces.pl/blog/testy/
i wkleiłam do niej kod z Twojego przykładu:
’ <ul class=”tabs”>
<ul class="tabs">
<li><a href="#tab1">Gallery</a></li>
<li><a href="#tab2">Submit</a></li>
<li><a href="#tab3">Resources</a></li>
<li><a href="#tab4">Contact</a></li>
</ul>
Ten kod miał być
Ja wiem, pisałem przecież, że na innych stronach jest dobrze. Moi poprzednicy musieli napisać coś, jakiś skrypt. W functions.php nic nie znalazłem.
Czyli jest to wewnętrzna rzecz w Waszym blogu. To zupełnie zmienia postać rzeczy. Możesz przeanalizować pod tym kątem jeszcze zainstalowane pluginy. Mimo najszczerszych chęci już niewiele mogę zrobić nie mając dostępu do Waszych źródeł, a właściwie systemu (oczywiście o to nie proszę).
Domyślasz się może, w jakich plikach może się znajdować?
Ja bym zrobiła tak (skoro functions.php już przejrzałeś)
1. sprawdziła (z poziomu panelu adm.) listę pluginów – czy któryś ma coś wspólnego z hasłem permalink albo URL, itd.
2. sprawdziła czy w katalogu gdzie siedzi mój motyw jest jeszcze jakiś podkatalog z plikami php innymi niż standardowe WP
3. w ostateczności zrobiła bym search’a po źródłach w katalogu z motywem w poszukiwaniu stringu href, ale tego może być sporo.
Jeszcze możesz do tego podejść od innej strony – w skrypcie js sam odcinać prefiks z nazwą domeny, czyli do miejsca gdzie jest # (chodzi o string activeTab).
Trochę to naokoło, ale zawsze jakieś obejście…
No jest obejście, ale nie wiem czy sobie z tym poradzę. Jestem słaby w te klocki.
Nie zniechęcaj się tak łatwo. W tym cała radocha, jak się coś samemu rozwiąże. A już dużo osiągnąłeś, bo wiesz dokładnie na czym polega błąd. Masz stringi w postaci:
http://blog-buduar.pl/dev/przewodnik/#tab2
http://blog-buduar.pl/dev/przewodnik/#tab2
podczas gdy chcesz mieć w postaci:
#tab2
#tab3
wystarczy wydobyć z tego długiego stringu ten krótki. Wiesz, że jest to język java script. Czyli w google’u wpisujesz np. js substr albo wpisujesz js substring, sprawdzasz jak działają te funkcje i próbujesz za ich pomocą osiągnąć ten efekt.
Podam Ci przykładowe rozwiązanie, ale zachęcam pobawić się samemu.
Jest
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
Powinno być
var activeTab = $(this).find("a").attr("href");
activeTab = activeTab.substr(activeTab.length-5,5);
$(activeTab).fadeIn();
Nie jest to kuloodporne rozwiązanie, ale chodzi o pokazanie idei.
Właśnie udało mi się.
Zastosowałem nieco krótszy sposób.
var activeTab = $(this).find("a").attr("href").slice(37);
$(activeTab).fadeIn();
