Alternativen zu jQuery slideUp, slideDown, animieren Funktionen?

Ich bin momentan dabei, ein footer ad format ausführen in Google DFP, aber jQuery nicht funktioniert innerhalb es (lange Geschichte). Also ich versuche zu finden, einige Alternative Möglichkeiten zur Bewältigung der gleichen Aufgaben, nämlich die slideUp, slideDown, und animieren Funktionen. Kennt jemand alternativen? Danke!

Wenn jQuery nicht arbeiten, gibt es andere Bibliotheken, die es zu blockieren? Wenn ja, welche(s)?
durch die mit Bezug auf die jquery-Bibliothek, die Sie vorbereiten können Sie Ihre eigenen code für die oben genannten Funktionen.
Javascript....?
Teje können versuchen, mootools, aber die Frage ist, warum ist JQuery nicht funktioniert. Scheint, wie wenn das nicht funktioniert, Mootools auch nicht
Das war mein Erster Beitrag hier - toll zu sehen, so viele hilfreiche Antworten! Vielen Dank für die schnelle Hilfe Jungs! Richtig, ich glaube nicht, dass Scriptaculous / Mootools funktionieren würde - ich bin auf der Suche nach einfachen JavaScript-Funktionen (bereits codiert b/c ich bin nicht gut genug, um es herauszufinden mich) ich kann hinzufügen, um den code eher als pull-in dynamisch (mit einem script src tag). Ich würde auch lieber etwas kleiner statt einer großen JavaScript-Bibliothek wie jQuery.

InformationsquelleAutor Kyle | 2012-08-13

Überprüfen Sie diesen link, der funktioniert mit javascript:

http://www.switchonthecode.com/tutorials/javascript-sliding-panels-using-generic-animation

Beispiel:

HTML:

<div style="position:relative;
           width:150px;
           height:170px;
           top:0px;
           left:0px;">
  <div id="exampleHeader1" 
      style="position:absolute;
             width:150px;
             height:20px;
             top:0px;
             left:0px;
             background:#3b587a;
             text-align:center;
             color:#FFFFFF;"
      onclick="slideExample1('examplePanel1', this);">
    ^^^
  </div>
  <div id="examplePanel1" 
      style="position:absolute;
             width:150px;
             height:130px;
             top:20px;
             left:0px;
             background:#a6bbcd;
             overflow:hidden;">
    Content
  </div>
</div>

Javascript:

function slideExample1(elementId, headerElement)
{
   var element = document.getElementById(elementId);
   if(element.up == null || element.down)
   {
      animate(elementId, 0, 20, 150, 0, 250, null);
      element.up = true;
      element.down = false;
      headerElement.innerHTML = 'vvv';
   }
   else
   {
      animate(elementId, 0, 20, 150, 130, 250, null);
      element.down = true;
      element.up = false;
      headerElement.innerHTML = '^^^';
   }
}

Dies ist, was ich Suche, danke! Ich werde schauen es genauer an und gib ihm eine gehen. Take care,
Es ist schon über einen Monat, aber ich habe endlich das umzusetzen und es funktioniert Super! Ich danke Ihnen so sehr für Ihre Hilfe!

InformationsquelleAutor MCSI

1

dom-regler ist ein vanilla-js-Implementierung von jQuery slideDown, slideUp, und slideToggle Methoden, die arbeiten, die auf Elementen mit unbekannte Höhen. Verwenden Sie es, wie jQuery:
```
element.slideUp()
element.slideDown(800)
element.slideToggle(800, 'easeOut') //CSS transition timing function
element.slideUp(300).slideDown(500)
```
Jedoch seine Methoden nicht akzeptieren Rückrufe--stattdessen geben Sie den Rückruf mit der Rückgabe der Verheißung:
```
element.slideUp().then(function() {
  console.log('sliding done!');
})
```
Gibt es ein paar andere Verbesserungen. Überprüfen Sie heraus die README für die details.

InformationsquelleAutor Brenton
0

Zwei alternativen:
1. Scriptaculous hat so ein Ding schon zu gehen und nicht abgestürzt ist auf den Seiten, wo ich hatten Konflikte.
2. Mootools.
Können Sie bei einigen Scriptaculous demos.

Ich fürchte, mit einer anderen Bibliothek, wie dies würde dazu führen, das gleiche problem. Danke aber!

InformationsquelleAutor rahul
0

Warum nicht mit Css-Animationen?

Ich weiß, es springt direkt an das Ende von älteren Browsern (< IE10),
aber immer noch besser als nichts und sehr leicht.

Ich weiß nicht - vielleicht, das würde funktionieren, aber wenn es gibt einige Probleme mit älteren Browsern, wie du Sie erwähnt hast, dann wohl nicht...
Es ist graceful degradation. Ich meine, es wird überall funktionieren, aber in älteren Browsern, die animation springt direkt an das Ende. Dies hat keine Auswirkungen auf die navigation, sondern nur das "plus-value", der mit einer animation in der navigation. Von dort aus, es ist Ihr Anruf, um zu bestimmen, die Bedeutung der animation 🙂 Hoffe diese Hilfe
Okay, ich verstehe. Haben Sie Beispiele, wie dies zu tun? Dank

InformationsquelleAutor Simon Arnold
0

Fügen Sie die gesamte jQuery-Quellcode-Datei in das Skript, das Sie Bearbeiten können. Ich möchte hinzufügen wahrscheinlich 100 oder 200 Zeilenumbrüche danach fügen Sie einige visuelle Trennung von meinem code.

InformationsquelleAutor nmz787
0

Was sind Sie eigentlich versucht zu erreichen? Ich kann in der Lage sein, um Ihnen zu helfen mit Ihrem slideUP und tiefen/Alternativ können Sie auch jquery verwenden.animieren() zu verschieben und ändern Sie die Höhen etc, aber slideUp und slideDown tun die ganz gut funktionieren!

Hallo Shannon, ja, slideUp/Down funktionieren hervorragend - ABER jQuery wird nicht funktionieren, da ein src-durch Google-DFP-ad-server im IE. Es funktioniert in anderen Browsern, und der code an sich funktioniert finden hart codiert, um die Seite in IE, aber das laden von jQuery durch Google DFP in einem IE-browser funktioniert nicht... 🙁 Also, ich bin auf der Suche nach alternativen für einzelne Funktionen zu verwenden.

InformationsquelleAutor Shannon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.