Drupal 7 und jQuery Einbindungsproblem
Eingetragen von Faux (12)am 29.05.2012 - 20:46 Uhr in
Hallo,
da jQuery mit D7 abgeändert werden muss http://forward-media.de/tutorial/javascript-richtig-einbinden-0 habe ich probleme es zum laufen zu bekommen.
Nach der Anpassung funktioniert nur noch der untere Teil:
(function ($) {
Drupal.behaviors.exampleModule = {
attach: function(context, settings) {
var thumbstart = $("ul li img");
for (var i = 0, ii = thumbstart.length; i < ii; i++){
if (thumbstart[i].title && thumbstart[i].title.length > 0)
{
var imgtitle = thumbstart[i].title;
$(thumbstart[i]).wrap('<div class="wrapper" />').
after('<div class=\'inner\'><span class=\'caption\'>' + imgtitle + '</span></div>').
removeAttr('title');
}
};
// --> Ab hier funktioniert es
$('.wrapper').find('img').css({opacity: ".8"});
$('.teaser').find('.caption').css({top:"107px"});
$('.test2').find('.caption').css({top:"165px"});
$('.teaser').hover(
function(){
$(this).find('img').animate({opacity: "1.0"}, 300);
$(this).find('.caption').animate({top:"160px"}, 300);
},
function(){
$(this).find('img').animate({opacity: ".8"}, 300);
$(this).find('.caption').animate({top:"107px"}, 300);
}
);
$('.test2').hover(
function(){
$(this).find('img').animate({opacity: "1.0"}, 300);
$(this).find('.caption').animate({top:"107px"}, 300);
},
function(){
$(this).find('img').animate({opacity: ".8"}, 300);
$(this).find('.caption').animate({top:"165px"}, 300);
}
);
}
};
})(jQuery);der obere Teil komischerweiße nicht....dadurch geht der Rest nicht ordentlich. Habe ich irgendwas übersehen? Gibt es noch Librarys die notwendig sind??
gruß Faux
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 1 Woche 3 Tagen
vor 1 Woche 3 Tagen
vor 1 Woche 3 Tagen
vor 2 Wochen 5 Tagen
vor 3 Wochen 22 Stunden
vor 3 Wochen 2 Tagen
vor 3 Wochen 3 Tagen
vor 5 Wochen 1 Tag
vor 5 Wochen 5 Tagen
vor 10 Wochen 14 Stunden