Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jak wykonać kod Jquery przed zaincludowaniem biblioteki Jquery?
Forum PHP.pl > Forum > Przedszkole
Twist
20.06.2012, 16:58:57
Problem rozwiazany - nakierował mnie WNogachśpisz a dalej było juz z górki.

Muszę wykonac kod jquery:

[PHP] pobierz, plaintext 
  1.  
  2.          $('#locationsList option').click(function () {
  3.              window.location.href = this.value;
  4.          });
  5.  
[PHP] pobierz, plaintext


Biblioteke jquery includuje póxniej, poza <body>

Mam dostęp tylko do body, nie moge przenieść inicjalziacji biblioteki, nie moge przenieść nic - mam bardzo ograniczone pole.
Próbowałem w ten sposób:
[PHP] pobierz, plaintext 
  1.      window.onload = function () {
  2.          $('#locationsList option').click(function () {
  3.              window.location.href = this.value;
  4.          });
  5.      };  
[PHP] pobierz, plaintext


ale nie działa w Chrome.
Wiem, ze można to zrobić bez Jquery, ale
- nie bardzo wiem, jak to zrobić w czystym JS (wydaje mi sie, ze bedzie troche kombinowania z roznymi przegladarkami)
- chciałbym wiedzieć, jak rozwiazać taki problem na przyszłość
wNogachSpisz
20.06.2012, 19:11:13
http://stackoverflow.com/questions/799981/...-without-jquery

// edit
przed chwila przypadkiem wpadlem jeszcze na cos takiego: http://code.google.com/p/domready/
Twist
21.06.2012, 09:28:50


Wrzuciłem ten fragment:
[PHP] pobierz, plaintext 
  1. function bindReady(){
  2.     if ( readyBound ) return;
  3.     readyBound = true;
  4.  
  5.     // Mozilla, Opera and webkit nightlies currently support this event
  6.     if ( document.addEventListener ) {
  7.         // Use the handy event callback
  8.         document.addEventListener( "DOMContentLoaded", function(){
  9.                 document.removeEventListener( "DOMContentLoaded", arguments.callee, false );
  10.                 jQuery.ready();
  11.         }, false );
  12.  
  13.     // If IE event model is used
  14.     } else if ( document.attachEvent ) {
  15.         // ensure firing before onload,
  16.         // maybe late but safe also for iframes
  17.         document.attachEvent("onreadystatechange", function(){
  18.                 if ( document.readyState === "complete" ) {
  19.                         document.detachEvent( "onreadystatechange", arguments.callee );
  20.                         jQuery.ready();
  21.                 }
  22.         });
  23.  
  24.         // If IE and not an iframe
  25.         // continually check to see if the document is ready
  26.         if ( document.documentElement.doScroll && window == window.top ) (function(){
  27.                 if ( jQuery.isReady ) return;
  28.  
  29.                 try {
  30.                         // If IE is used, use the trick by Diego Perini
  31.                         // http://javascript.nwbox.com/IEContentLoaded/
  32.                         document.documentElement.doScroll("left");
  33.                 } catch( error ) {
  34.                         setTimeout( arguments.callee, 0 );
  35.                         return;
  36.                 }
  37.  
  38.                 // and execute any waiting functions
  39.                 jQuery.ready();
  40.         })();
  41.     }
  42.  
  43.     // A fallback to window.onload, that will always work
  44.     jQuery.event.add( window, "load", jQuery.ready );
[PHP] pobierz, plaintext

i dalej moj kod
[PHP] pobierz, plaintext 
  1.      window.onload = function () {
  2.  
  3.          $('select#locationsList option').click(function () {
  4.              alert(this.value);
  5.              window.location.href = this.value;
  6.          });
  7.  
  8.      };  
  9.  
[PHP] pobierz, plaintext


Dziala tylko w FF. W chrome i IE nie wsykakuej nawet alert. Co jest nie tak?


rozwiązanie:
[PHP] pobierz, plaintext 
  1. //najpierw bindujemy ready, nastepnie
  2.      window.onload = function () {
  3.  
  4.          $("select#locationsList").change(function () {
  5.          $("option:selected", $(this)).each(function () {
  6.                  window.location.href = this.value;
  7.              });
  8.  
  9.          });
  10.  
  11.      };  
[PHP] pobierz, plaintext
wNogachSpisz
21.06.2012, 10:18:16
No nie, window.onload jest do dupy, juz lepiej daj body load="func()".
Uzasadnienie: http://stackoverflow.com/questions/559150/...g-window-onload

Dostałeś dwa dobre rozwiązania, a wynalazłeś sobie trzecie które nie będzie działać.. Ręce opadają..
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.