[gelöst] Animsition und Drupal. Geht das zusammen?
Eingetragen von t2k (258)am 07.10.2014 - 00:14 Uhr in
Hallo Forum,
ich versuche seit einer geraumen Zeit eine Drupal-Site mit Animsition (http://git.blivesta.com/animsition/) zusammenzubringen.
Diese jquery-Plugin fadet beim Klick auf einen Link die aktuelle-Site aus und die nächste wieder ein.
Seht ihr einen Grund warum das nicht mit Drupal zusammengeht? Oder gibt es aus eurer Sicht bei der Einbindung etwas spezielles zu beachten?
Momentan habe ich das ganz normal in der .info-Datei angegeben und versuche es mit folgendermaßen aufzurufen:
(function ($) {
Drupal.behaviors.alleFunction = {
attach: function(context, settings) {
$( document ).ready(function() {
$(".head").animsition({
inClass : 'fade-in',
outClass : 'fade-out',
inDuration : 1500,
outDuration : 800,
linkElement : '.navi a',
// e.g. linkElement : 'a:not([target="_blank"]):not([href^=#])'
touchSupport : true,
loading : true,
loadingParentElement : 'body', //animsition wrapper element
loadingClass : 'animsition-loading',
unSupportCss : [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
],
//"unSupportCss" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
//The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
overlay : false,
overlayClass : 'animsition-overlay-slide',
overlayParentElement : 'body'
});
});
}
};
})(jQuery);Vielen Dank und guten Abend!
- Anmelden oder Registrieren um Kommentare zu schreiben
sollte gehen
am 07.10.2014 - 07:23 Uhr
sollte gehen
Den Teil $( document
am 07.10.2014 - 10:19 Uhr
Den Teil
$( document ).ready(function() {});kannst du weg lassen.Vielen Dank! Es läuft nun.
am 09.10.2014 - 15:31 Uhr
Vielen Dank!
Es läuft nun. Lag wohl an der richtigen jQuery-Version (jetzt mit dem jQuery-Update-Modul auf die 1.10. gestellt, auch fürs Backend) und es muss der richtige Selector angesprochen werden. Außerdem ist muss (z.B. der body) die "animsition"-Klasse haben.
Danke für eure Tipps!