Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Nie ładuje Skryptów
Johnas
post 4.09.2011, 11:19:32
Post #1





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


Witam. Mam problem. Otóż gdy wchodzę na stronę wszystko pięknie działa. Slider, Czcionka w JS. Ale gdy przechodzę pomiędzy odnośnikami i mam link index.html#nazwa_odnosnika to JS przestaje działać. Działa tylko menu i zmiana strony bez przeładowywania czyli ten kod:
[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2. $("a").click(function(){
  3. $("div#pos").find(".active").each(function(){
  4. $(this).removeClass("active");
  5. });
  6. $(this).addClass("active");
  7. });
  8. });
  9.  
  10. $(document).ready(function() {
  11.  
  12. var hash = window.location.hash.substr(1);
  13. var href = $('#nav li a').each(function(){
  14. var href = $(this).attr('href');
  15. if(hash==href.substr(0,href.length-5)){
  16. var toLoad = hash+'.html #content';
  17. $('#content').load(toLoad)
  18. }
  19. });
  20.  
  21. $('#nav li a').click(function(){
  22.  
  23. var toLoad = $(this).attr('href')+' #content';
  24. $('#content').hide('fast',loadContent);
  25. $('#load').remove();
  26.  
  27. $('#wrapper').append('<span id="load">LOADING...</span>');
  28. $('#load').fadeIn('normal');
  29. window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
  30. function loadContent() {
  31. $('#content').load(toLoad,'',showNewContent())
  32. }
  33. function showNewContent() {
  34. $('#content').show('normal',hideLoader());
  35. }
  36. function hideLoader() {
  37. $('#load').fadeOut('normal');
  38. }
  39. return false;
  40.  
  41. });
  42.  
  43. });
[JAVASCRIPT] pobierz, plaintext

Co mam nie tak?


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Magic WWW
post 4.09.2011, 11:41:46
Post #2





Grupa: Zarejestrowani
Postów: 123
Pomógł: 32
Dołączył: 9.09.2010
Skąd: Brzeg

Ostrzeżenie: (0%)
-----


Ścieżkę do plików javascript poprzedzaj slashem np.

Kod
/strona/javascripts/plik.js


Ten post edytował Magic WWW 4.09.2011, 11:42:18
Go to the top of the page
+Quote Post
Johnas
post 4.09.2011, 19:56:21
Post #3





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


zmieniłem ale dalej jest to samo sad.gif

To jest strona domowa porjektu. alr czemu js w tym nie działa?


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
Rid
post 4.09.2011, 20:11:12
Post #4





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

Ostrzeżenie: (0%)
-----


Proszę poczytać jQuery.noConflict() i użyć:
var $jq = jQuery.noConflict();
i wszędzie gdze ma pan $ użyć $jq.
Ma Pan dużo bibliotek podołączanych i może zachodzić konflikt.

Ten post edytował Rid 4.09.2011, 20:16:57
Go to the top of the page
+Quote Post
Johnas
post 4.09.2011, 21:03:26
Post #5





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


zrobiłem tak:
[JAVASCRIPT] pobierz, plaintext
  1. var $jq = jQuery.noConflict();
  2. $jq(function(){
  3. $jq("a").click(function(){
  4. $jq("div#pos").find(".active").each(function(){
  5. $jq(this).removeClass("active");
  6. });
  7. $jq(this).addClass("active");
  8. });
  9. });
  10. $jq(document).ready(function() {
  11.  
  12. var hash = window.location.hash.substr(1);
  13. var href = $jq('#nav li a').each(function(){
  14. var href = $(this).attr('href');
  15. if(hash==href.substr(0,href.length-5)){
  16. var toLoad = hash+'.html #content';
  17. $jq('#content').load(toLoad)
  18. }
  19. });
  20.  
  21. $jq('#nav li a').click(function(){
  22.  
  23. var toLoad = $jq(this).attr('href')+' #content';
  24. $jq('#content').hide('fast',loadContent);
  25. $jq('#load').remove();
  26. $jq('#wrapper').append('<span id="load">LOADING...</span>');
  27. $jq('#load').fadeIn('normal');
  28.  
  29. window.location.hash = $jq(this).attr('href').substr(0,$(this).attr('href').length-5);
  30. function loadContent() {
  31. $jq('#content').load(toLoad,'',showNewContent())
  32. }
  33. function showNewContent() {
  34. $jq('#content').show('normal',hideLoader());
  35. }
  36. function hideLoader() {
  37. $jq('#load').fadeOut('normal');
  38. }
  39. return false;
  40.  
  41. });
  42.  
  43. });
[JAVASCRIPT] pobierz, plaintext

I teraz ten kod nie działa. Podejrzewam że to niedziałanie jest spowodowane znakiem # w linku
np: index.html#oferta ładuje oferte i wtedy js już nie działa. Wszystko działa jak nie ma # w linku.

Ten post edytował Jonek_1993 4.09.2011, 21:04:28


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.06.2025 - 00:26