Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Prototype, jQuery i Lightbox.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Kużdo
Witam,

Problem mój polega na tym, że nie potrafię tak ustawić jQuery i Lightboxa, żeby działały razem z Prototype.

  1. <script type="text/javascript" src="js/prototype.js"></script>
  2.  
  3. <script type="text/javascript" src="js/jquery.js"></script>
  4. <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
  5. <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />


W jquery.lightbox-0.5.js dodałem "jQuery.noConflict();" w ten sposób:
Kod
jQuery.noConflict();
(function($) {


Czyli przed główną funkcją. Powinno to zadziałać jak w przykładzie nr 2 w http://api.jquery.com/jQuery.noConflict/ czyli:
Kod
jQuery.noConflict();
(function($) {
  $(function() {
    // more code using $ as alias to jQuery
  });
})(jQuery);
// other code using $ as an alias to the other library


Później przypomniało mi się, że dodajemy jeszcze w body ustawienia lightboxa więc zamieniłem:
  1. <script type="text/javascript">
  2. $(function() {
  3. $('a.lightbox').lightBox();
  4. });


na:
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. $(function() {
  4. $('a.lightbox').lightBox();
  5. });


Ale to i tak nic nie dało. Czy ktoś ma pomysł jak to rozwiązać?
askone
A w jakim celu pchasz na jednej stronie obydwa frameworki js?? Jeden nie wystarczy??
Kużdo
Z prototype nie mogę zrezygnować, a lightboxa mam z jquery, a nie wiem czy jest jakiś free z prototype. Ale problem rozwiązałem już, przez rozdzielenie na dwie podstrony.
everth
Tutaj. Jak do ma się do normalnego Lightboxa? W opisie stoi:
Cytat
Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.