Javascript-konflikter

Events happening in the community are now at Drupal community events on www.drupal.org.
ChristianP's picture

Hej, jag håller på med en sida. Den använder Colorbox och då måste man ha jQuery Update-modulen installerad, bra det funkar. Jag har även ett bildspel (views slideshow) på framsidan och Simple Menu.

Den här sidan ska även vara borta när besökaren anländer till sidan för att sedan tonas in, så jag la till detta javascript en bit ovanför :

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript">
   
   $('.container').css({'display' : 'none'}).delay(2000).fadeIn(7000);
  $('.lowerfooter').css({'display' : 'none'}).delay(2000).fadeIn(7000);

  </script>

Bra, det funkar förutom att nu fungerar inte bildspelet och jag får error i firefox: $(menu).find("#simplemenu").superfish is not a function

Har läst runt lite på internet och har kommit fram till att det beror på konflikt mellan jQuery Update-modulen och när jag hämtar jquery från jquery.com. Men jag får inte till till det hur jag än försöker. Någon som stött på ett liknande problem? Jag har försökt tagit bort länken till jquery.com, jag har försökt lagt det i , då blir det lite slöare men bildspelet funkar fortfarande inte. Jag har försökt cleara cache, javascript-optimerat osv... utan någon framgång.

En väldigt skum sak till som jag märkt är att om man skriver "www" innan adressen så är jag inte ens inloggad. Typ som att utan www är en egen domän... what is going on?

Comments

hej, modulerna, som superfish

siavashg's picture

hej,
modulerna, som superfish du använder, är anpassade efter jQuery versionen på den drupal-version du använder. drupal 6 = jQuery 1.2.6.
du kan helt enkelt inte byta jQuery version utan att stöta på problem.
mitt förslag, hitta annan lösning istället för .delay()

Ja, för själva "display:none"

ChristianP's picture

Ja, för själva "display:none" verkar ju funka och det kommer ju från javascript. Vad ska jag köra istället för .delay() då?

$('.container,

siavashg's picture

<script type="text/javascript">
$('.container, .lowerfooter').css({'display' : 'none'});
setTimeout(function() { $('.container, .lowerfooter').fadeIn(7000); }, 2000);
</script>

eller den här om du vill dölja/fadeIn allt under body:

<script type="text/javascript">
$('body *').css({'display' : 'none'});
setTimeout(function() { $('body *').fadeIn(7000); }, 2000);
</script>

scriptet måste ligga efter de element som ska döljas, bara så du vet...

Tackar, fick köra den första.

ChristianP's picture

Tackar, fick köra den första. Med den andra så tonades allt till svart av någon anledning. :P

Sweden

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: