tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
390
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 16.07.10 17:22 #1
    DiDiJo DiDiJo ist offline Mitglied Brokat
    Registriert seit
    Sep 2008
    Beiträge
    285
    Hi Leute,

    kann man irgendwie die Animationsart in einer Funktion übergeben?

    folgendes hatte ich mal versucht:
    Code :
    1
2
3
4
5
6
7

    function animateMultipleElements(animation,elem) {
    elem.animation(500, function() { animateMultipleElements($(this).next()); }); 
}
// bzw.
function animateMultipleElements(animation,elem) {
    elem.eval(animation)(500, function() { animateMultipleElements($(this).next()); }); 
}

    und so hab ich das ganze aufgerufen
    Code :
    1
2
3
4
5

    animateMultipleElements(slideDown,$("#news_block .NewsBlock:first")​);
 
// bzw
 
animateMultipleElements('slideDown',$("#news_block .NewsBlock:first")​);

    aber ich krieg jedesmal die meldung, dass animation undefiniert ist
     
    Zitieren Zitieren
  2. 17.07.10 10:39 #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin,

    jo, das geht, sogar recht simpel

    Das Prinzip, um in JS auf Variable Eigenschaften eines Objekts zuzugreifen, sieht so aus:
    Code :
    1

    obj[eigenschaft]
    oder
    Code :
    1

    obj[methode]()

    In deinem Fall also
    Code :
    1

    elem[animation](500)


    Kurzer Test:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

    <!DOCTYPE html>
<html>
<head>
  <style>
    #news_block .NewsBlock{display:none;float:left;padding:4px;font-size:28px;}
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="news_block">
  <div class="NewsBlock">News1</div>
  <div class="NewsBlock">News2</div>
  <div class="NewsBlock">News3</div>
  <div class="NewsBlock">News4</div>
  <div class="NewsBlock">News5</div>
</div>
<script>
function animateMultipleElements(animation,elem) {
    elem[animation](500,function(){animateMultipleElements(animation,$(this).next());}); 
}
 
$(document)
.ready(function () 
      {
        animateMultipleElements('slideDown',$("#news_block .NewsBlock:first"));
      }
);
</script>
</body>
</html>
     
    Zitieren Zitieren
« [jQuery] Prüfen ob Element Kind von anderem ist | prüfen ob mehrere bilder geladen »

Ähnliche Themen

  1. Unterscheidliche Darstellung in jQuery Animation
    Von DiDiJo im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 16.08.10, 14:12
  2. Bilder bei Animation drehen (jQuery)
    Von DiDiJo im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 13.08.10, 15:59
  3. jQuery: Animation
    Von DerDaniel im Forum Javascript & Ajax
    Antworten: 14
    Letzter Beitrag: 08.04.10, 07:56
  4. jQuery + PHP - richtige ID übergeben.
    Von sonicks im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 15.03.10, 16:20
  5. JQuery Animation
    Von lisali im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 23.07.09, 20:57