Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Nie ładuje Skryptów
Forum PHP.pl > Forum > Przedszkole
Johnas
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?
Magic WWW
Ścieżkę do plików javascript poprzedzaj slashem np.

Kod
/strona/javascripts/plik.js
Johnas
zmieniłem ale dalej jest to samo sad.gif

To jest strona domowa porjektu. alr czemu js w tym nie działa?
Rid
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.
Johnas
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.