Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]konflikt jquery ze skryptem lightbox
Forum PHP.pl > Forum > Przedszkole
pawelek1990
Witam prosze o pomoc w rozwiązaniu problemu który polega na konflikcie dwóch skryptów jquery i lightboxa 2.

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript" src="js/prototype.js"></script>
  2. <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
  3. <script type="text/javascript" src="js/lightbox.js"></script>
  4.  
  5.  
  6. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  7.  
  8. <script type="text/javascript">
  9.  
  10.  
  11. $(document).ready(function() {
  12. $('#wait_1').hide();
  13. $('#drop_1').change(function(){
  14. $('#wait_1').show();
  15. $('#result_1').hide();
  16. $.get("func_chain.php", {
  17. func: "drop_1",
  18. drop_var: $('#drop_1').val()
  19. }, function(response){
  20. $('#result_1').fadeOut();
  21. setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
  22. });
  23. return false;
  24. });
  25. });
  26.  
  27. function finishAjax(id, response) {
  28. $('#wait_1').hide();
  29. $('#'+id).html(unescape(response));
  30. $('#'+id).fadeIn();
  31. }
  32. function finishAjax_tier_three(id, response) {
  33. $('#wait_2').hide();
  34. $('#'+id).html(unescape(response));
  35. $('#'+id).fadeIn();
  36. }
  37. </script>
  38.  
[JAVASCRIPT] pobierz, plaintext


skrypt wykorzystujący jquery to ładowanie rekordów z bazy danych do pola typu <select> bez przeładowania strony

i gryzie sie z lightboxem

gdy robie noconflict

to wygląda tak

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript" src="js/prototype.js"></script>
  2. <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
  3. <script type="text/javascript" src="js/lightbox.js"></script>
  4.  
  5. script type="text/javascript">
  6. var $j = jQuery.noConflict();
  7.  
  8. $j(document).ready(function() {
  9. $j('#wait_1').hide();
  10. $j('#drop_1').change(function(){
  11. $j('#wait_1').show();
  12. $j('#result_1').hide();
  13. $j.get("func_chain.php", {
  14. func: "drop_1",
  15. drop_var: $j('#drop_1').val()
  16. }, function(response){
  17. $j('#result_1').fadeOut();
  18. setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
  19. });
  20. return false;
  21. });
  22. });
  23.  
  24. function finishAjax(id, response) {
  25. $j('#wait_1').hide();
  26. $j('#'+id).html(unescape(response));
  27. $j('#'+id).fadeIn();
  28. }
  29. function finishAjax_tier_three(id, response) {
  30. $j('#wait_2').hide();
  31. $j('#'+id).html(unescape(response));
  32. $j('#'+id).fadeIn();
  33. }
  34. </script>
[JAVASCRIPT] pobierz, plaintext


i tu prawie działa obrazki wyświetla ale skrypt od selecta niedziała do końca to znaczy wyświetla tylko dwa pierwsze pola select i sie zawiesza a powinien pokazać trzecie i buttona...

Jeżeli ma ktoś pomysł to bardzo proszę o odpowiedź
wookieb
użyj jquery lightbox. lżejszy i nie bedzie z nim problemów.
pawelek1990
Tak probowałem tego lightboxa ale znim też problem bo wtedy mam dwa rodzaje jquery...
a gdy mam tylko jedno i dodam $j to skrypt chained select prawie działą ale tylko pokazuje drugi select

to wole mieć lightboxa i jedno jquery czy da sie tak zrobić jak myśle czy to jest mega problem...

nie znam javascriptu potrafie go tylko użyć (i to nie zawsze) więc prosze o jakieś wskazówki

czy są skrypty do wyświetlania grafiki nie kolidujące ż jquery ?(może wtedy da się wybra mniejsze zło)

Pozdrawiam
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.