Einfaches JQuery resize und scoll läuft nicht

smilla · 08.02.2011, 13:11

Huhu,

ich hatte bei mir vorher im Javascript dies hier:

PHP-Code:

  window.onscroll = InhaltVerschoben;

window.onresize = InhaltVerschoben;

Meine Funktion wurde immer korrekt aufgerufen. Da ich nun aber auf JQuery umstelle, versuche ich dies in JQuery darzustellen:

PHP-Code:

  $(document).ready(function() {    

        $(window).resize(function() {

           InhaltVerschoben();

        });    

        $(window).croll(function() {

           InhaltVerschoben();

        });    

      });

Jetzt ruft er meine FUnktion gar nicht mehr auf. Hat jemand eine Idee woran das liegt?

Wenn man es so mit JQuery lösst, sollte es ja auch keine Probleme machen, wenn andere Scripts auch z.B. die resize Funktion nutzen? Bei meiner ersten Variante die läuft, würden ja andere Scripts nicht mehr laufen.

Smilla

BlackScorp · 08.02.2011, 13:34

PHP-Code:

  $(function() {    

        $(document).resize(InhaltVerschoben());    

        $(document).scroll(InhaltVerschoben());    

      });

EDIT:Kannste deine Seite hochladen und uns den link geben? will mal schauen was firebug sagt

nikosch · 08.02.2011, 15:04

Nö. Falsch. Wenn schon, dann so:

PHP-Code:

  $(function() {    
        $(document).resize(InhaltVerschoben);    
        $(document).scroll(InhaltVerschoben);    
      });

Bin auch nicht sicher, ob das mit document geht. Versuch mal ein DOM-Element (body oder so).

BlackScorp · 08.02.2011, 15:10

ja nikosch, hast recht.. habe gerade das getestet und es geht:

PHP-Code:

  <script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

var foo = function(){

    alert("bar");

}

$(function(){

    $(window).resize(foo);

})

</script>

nikosch · 08.02.2011, 15:12

Musst Dir einfach merken, dass Funktionsname() immer sofort ausgeführ wird und statt eines Callbacks dann dessen Rückgabe zugewiesen wird.

rudygotya · 08.02.2011, 20:44

Das hier solltest du dir auch zu Gemüte führen: http://paulirish.com/2009/throttled-...event-handler/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
einfaches Loginscript - DB-Abfrage läuft nicht	uncharted	PHP Tipps 2010	9	01.10.2010 16:23

08.02.2011, 13:11
smilla Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 200	Einfaches JQuery resize und scoll läuft nicht Huhu, ich hatte bei mir vorher im Javascript dies hier: PHP-Code: `window.onscroll = InhaltVerschoben; window.onresize = InhaltVerschoben;` Meine Funktion wurde immer korrekt aufgerufen. Da ich nun aber auf JQuery umstelle, versuche ich dies in JQuery darzustellen: PHP-Code: `$(document).ready(function() { $(window).resize(function() { InhaltVerschoben(); }); $(window).croll(function() { InhaltVerschoben(); }); });` Jetzt ruft er meine FUnktion gar nicht mehr auf. Hat jemand eine Idee woran das liegt? Wenn man es so mit JQuery lösst, sollte es ja auch keine Probleme machen, wenn andere Scripts auch z.B. die resize Funktion nutzen? Bei meiner ersten Variante die läuft, würden ja andere Scripts nicht mehr laufen. Smilla


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.02.2011, 13:34
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `$(function() { $(document).resize(InhaltVerschoben()); $(document).scroll(InhaltVerschoben()); });` EDIT:Kannste deine Seite hochladen und uns den link geben? will mal schauen was firebug sagt __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

08.02.2011, 15:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Nö. Falsch. Wenn schon, dann so: PHP-Code: `$(function() { $(document).resize(InhaltVerschoben); $(document).scroll(InhaltVerschoben); });` Bin auch nicht sicher, ob das mit document geht. Versuch mal ein DOM-Element (body oder so). __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

08.02.2011, 15:10
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	ja nikosch, hast recht.. habe gerade das getestet und es geht: PHP-Code: `<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var foo = function(){ alert("bar"); } $(function(){ $(window).resize(foo); }) </script>` __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

08.02.2011, 15:12
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Musst Dir einfach merken, dass Funktionsname() immer sofort ausgeführ wird und statt eines Callbacks dann dessen Rückgabe zugewiesen wird. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

08.02.2011, 20:44
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Das hier solltest du dir auch zu Gemüte führen: http://paulirish.com/2009/throttled-...event-handler/ __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog