login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jQuery scripts in conflict. (Opgelost)

Offline Louis_ - 04/05/2010 16:29
Avatar van Louis_Nieuw lid Hallo iedereen,

Ik heb een probleempje: Als ik mijn Fancybox (lightbox) scripts boven mijn Smooth Anchor-scripts (http://www.ooeygui.net/articles/399) zet, dan doet mijn lightbox het niet meer.
(en andersom werkt het ook niet)
Hoe kan ik dit oplossen?

7 antwoorden

Gesponsorde links
Offline marten - 04/05/2010 16:36
Avatar van marten Beheerder http://api.jquery.com/jQuery.noConflict/
Offline Louis_ - 04/05/2010 17:17 (laatste wijziging 04/05/2010 17:33)
Avatar van Louis_ Nieuw lid
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  2. <script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
  3.  
  4. <link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
  5. <link rel="stylesheet" href="style.css" />
  6. <script type="text/javascript">
  7. $.noConflict();
  8. $(document).ready(function() {
  9. /*
  10. * Examples - images
  11. */
  12.  
  13. $("a.show").fancybox({
  14. 'titlePosition' : 'over',
  15. 'transitionIn' : 'elastic',
  16. 'transitionOut' : 'elastic'
  17. });
  18.  
  19. $("a[rel=example_group]").fancybox({
  20. 'transitionIn' : 'none',
  21. 'transitionOut' : 'none',
  22. 'titlePosition' : 'over',
  23. 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
  24. return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
  25. }
  26. });
  27.  
  28. /*
  29. * Examples - various
  30. */
  31.  
  32. $("#various1").fancybox({
  33. 'titlePosition' : 'inside',
  34. 'transitionIn' : 'none',
  35. 'transitionOut' : 'none'
  36. });
  37.  
  38. $("#various2").fancybox();
  39.  
  40. $("#various3").fancybox({
  41. 'width' : '75%',
  42. 'height' : '75%',
  43. 'autoScale' : false,
  44. 'transitionIn' : 'none',
  45. 'transitionOut' : 'none',
  46. 'type' : 'iframe'
  47. });
  48.  
  49. $("#various4").fancybox({
  50. 'padding' : 0,
  51. 'autoScale' : false,
  52. 'transitionIn' : 'none',
  53. 'transitionOut' : 'none'
  54. });
  55. });
  56. </script>
  57. <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  58. <script type="text/javascript" src="js/jquery.smoothanchors2.js"></script>
  59.  
  60. <script type="text/javascript">
  61. $.noConflict();
  62.  
  63. $(document).ready(function(){
  64. $.smoothAnchors("slow");
  65. });
  66. </script>


Nu werken beide scripts niet meer. :S

Moet ik nu alle '$' vervangen door 'jQuery' ofzo?
Offline vinTage - 04/05/2010 17:33
Avatar van vinTage Nieuw lid Ik gok dat het daar ook niks mee te maken heeft, het zijn beide jQuery scripts.
Krijg je niet gewoon ergens een foutmelding?
Offline lemoinet - 04/05/2010 17:42
Avatar van lemoinet PHP gevorderde ik denk dat het probleem ligt bij het feit dat je 2 verschillende versies van jquery gebruikt.
laat er eens een van weg (bij voorkeur 1.3.2)
Bedankt door: Louis_
Offline Louis_ - 04/05/2010 17:45 (laatste wijziging 04/05/2010 21:26)
Avatar van Louis_ Nieuw lid Nee, volgens mij niet..

@lemoinet:

Hoe bedoel je?
Ik wil graag dat ze allebei werken (op dezelfde pagina). Afzonderlijk werken ze goed.

Twee versies van jQuery tegelijkertijd gebruiken kan dus niet? Hoe doen andere mensen dat dan? Ik bedoel, kans lijkt me nogal klein dat je scripts vindt die allemaal voor dezelfde versie zijn...
Offline vinTage - 04/05/2010 21:28
Avatar van vinTage Nieuw lid normaal gezien zijn updates backwards compatible he 
Offline Louis_ - 04/05/2010 21:30
Avatar van Louis_ Nieuw lid Dan is dat zeker ook verklaring dat het nu ineens wel werkt? 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.335s