Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Dlaczego dwa skrypty Java nie potrafią dzialać jednocześnie?
Forum PHP.pl > Forum > Przedszkole
Kaayl
Witam.
Na swojej stronie używam dwóch skryptów java:

- Menu.js (menu rozsuwane)
- jquery.min.js (pokaz slajdów)

Jednocześnie wywołane niedziałają. Proszę o sugestie co może być przyczyną.
pedro84
Java to nie Javascript. Pokaż URL to magikami nie jesteśmy...
Kaayl
Strona nie jest online. Wyżej wymienione komponenty to:
- http://www.menujs.net/index.html (menu)
- http://jquery.malsup.com/cycle/ - slideshow

Jak Ci się chce, spróbuj sobie umieścić razem w jednym dokumencie.
jajcarzd1
Z tego co widze to oba używają innych bibliotek js-owych jeden prototype a drugi jquery. W jquery jest możliwość zastosowania czegoś takeigo aby nie było konfliktów

  1. jQuery.noConflict();
Kaayl
A w krórym dokumencie dołożyc ten fragment kodu?
darko
Skrypty prototype i jQuery mogą sie "gryźć". Spróbuj zastosować jQuery.noConflict() - powinno pomóc, wszystko jest ładnie opisane.
Kaayl
Hmmm.... Artykuł fajnie napisany ale po zastosowaniu sie do instrukcji nadal nie działa. pewnie coś źle robie.
Poniżej wklejam kod którym wywołuje Javascripty na stronie, proszę wstawcie mi ten $.noConflict();
w odpowiednim miejscu:

  1. echo $JAVASCRIPT_MAIN_MENU = '
  2. <script src="main/jscripts/prototype.js" type="text/javascript"></script>
  3. <script src="main/jscripts/Menu.js" type="text/javascript"></script>
  4. <script type="text/javascript">
  5. Menu.init("menu");
  6. </script>
  7.  
  8. <script src="main/jscripts/TreeMenu.js" type="text/javascript"></script>
  9. ';
  10.  
  11. echo $JAVASCRIPT_CYCLE_SLIDESHOW = '
  12. <!-- include jQuery library -->
  13. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15. <!-- include Cycle plugin -->
  16. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
  17.  
  18. <!-- initialize the slideshow when the DOM is ready -->
  19. <script type="text/javascript">
  20. $(document).ready(function() {
  21.  
  22. $(\'.slideshow\').cycle({
  23. fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  24. });
  25. });
  26. </script>
  27. ';
darko
Nie zastosowałeś się w kodzie do wskazówek zawartych w podanym linku. Dalej odpowiem w ten sposób: po co mieszać skrypty oparte o różne frameworki js? Skryptów menu na jQuery nie brakuje, śmiem wręcz twierdzić, że jest większy wybór dla jQuery niż dla prototype.
pedro84
Przecież w podanym dokumencie masz jak wół napisane co to jest, do czego służy i gdzie należy użyć.
Kaayl
Panie Pedro84, w żaden sposób nie pomógł mi Pan swoimi wypowiedziami. Prosze dalej nie brać udziału w dyskusji.
pedro84
Cytat(Kaayl @ 7.07.2010, 09:13:34 ) *
Panie Pedro84, w żaden sposób nie pomógł mi Pan swoimi wypowiedziami. Prosze dalej nie brać udziału w dyskusji.

lol, znasz zasady panujące na forach? Nie wydaje mi się. A moderatorem to Ty nie jesteś, zwykłym gościem co nawet dokumentacji czytać i zrozumieć nie potrafi. Masz jak byk podany fragment:
  1. <script type="text/javascript" src="other_lib.js"></script>
  2. <script type="text/javascript" src="jquery.js"></script>
  3. <script type="text/javascript">
  4. $.noConflict();
  5. // Code that uses other library's $ can follow here.
skoro tego nie potrafisz zrozumieć, daj sobie spokój i zajmij się czymś innym. Czego w nim nie rozumiesz?
Kaayl
Pała z czytania ze zrozumieniem. Napisalem przeciez "Hmmm.... Artykuł fajnie napisany ale po zastosowaniu sie do instrukcji nadal nie działa."
Znaczyło to że wstawiłem kod (również zgodny z tym co u góry mi genialnie przekleiłeś) ale nadal skrypty się wykluczają. Masz jakieś inne konstruktywne sugetie jak rozwiazać taki problem?
erix
Pokaż lepiej cały swój kod po modyfikacjach.
pedro84
Pała z czytania ze zrozumieniem dla Ciebie. Pała z logicznego myślenia. Pała z umiejętności kopiowania. Trzy pały. Siadaj winksmiley.jpg

Kolego, zobacz:
  1. <script type="text/javascript" src="other_lib.js"></script>
  2. <script type="text/javascript" src="jquery.js"></script>
  3. <script type="text/javascript">
  4. $.noConflict();
  5. jQuery(document).ready(function($) {
  6. // Code that uses jQuery's $ can follow here.
  7. });
  8. // Code that uses other library's $ can follow here.
  9.  

Czy Ty naprawdę nie widzisz różnicy? Przecież to wszystko jest w dokumentacji jQuery. Nie widzę (w Twoim poście #7), żebyś gdziekolwiek zastosował się do dokumentacji.
  1. <!-- initialize the slideshow when the DOM is ready -->
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4.  
  5. $(\'.slideshow\').cycle({
  6. fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  7. });
  8. });


Poza tym, już darko Ci napisał:
Cytat
Nie zastosowałeś się w kodzie do wskazówek zawartych w podanym linku. Dalej odpowiem w ten sposób: po co mieszać skrypty oparte o różne frameworki js? Skryptów menu na jQuery nie brakuje, śmiem wręcz twierdzić, że jest większy wybór dla jQuery niż dla prototype.
Kaayl
Działający kod. Dzieki za pomoc drodzy Państwo - Pozdrawiam!


  1. echo $JAVASCRIPT_CYCLE_SLIDESHOW = '
  2. <!-- include jQuery library -->
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  4.  
  5. <!-- include Cycle plugin -->
  6. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
  7.  
  8.  
  9.  
  10. <script type="text/javascript">
  11. $.noConflict();
  12. jQuery(document).ready(function($) {
  13.  
  14. $(document).ready(function() {
  15.  
  16. $(\'.slideshow\').cycle({
  17. fx: \'fade\' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  18. });
  19. });
  20. });
  21. </script>
  22. ';
  23.  
  24. echo $JAVASCRIPT_MAIN_MENU = '
  25. <script src="main/jscripts/prototype.js" type="text/javascript"></script>
  26. <script src="main/jscripts/Menu.js" type="text/javascript"></script>
  27. <script type="text/javascript">
  28. Menu.init("menu");
  29. </script>
  30.  
  31. <script src="main/jscripts/TreeMenu.js" type="text/javascript"></script>
  32. ';
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.