Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] jQuery + jquery.tools
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
MrSeefeld
5.03.2010, 17:33:02
Witam! Pracuje nad projektem pewnej strony. I mam problem z uzyciem dwoch funkcji. Najprawdopodobniej problem skladni z ktorym nie moge sobie poradzic.

Na stronie sa dwa efekty jquery ( pierwszy to efekt lavalamp noimage) dziala tylko i wylacznie wtedy jak drugi efekt jest wylaczony:



Drugi efekt to ktory mozecie obejrzec tutaj bazujacy na jqurey.tools

W momencie kiedy oby dwa sa ladowane- efekt lavalamp nie jest wyswietlany i pokazuje sie komunikac w firebugu:



Scrypty

Kod
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
        
        $(function() {
               $("#one, #two, #three").lavaLamp({
                fx: "backout",
                speed: 500,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
</script>

<script src="js/jquery.tools.min.js"></script>
<script>
$(function() {

$("#accordion").tabs("#accordion div", {
    tabs: 'img',
    effect: 'horizontal'
});
});
</script>





Pomocy!! smile.gif
lord_t
5.03.2010, 17:42:31
Zamien dwa ready wywołania na jedno:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  2. <script type="text/javascript" src="js/jquery.easing.min.js"></script>
  3. <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
  4. <script src="js/jquery.tools.min.js"></script>
  5. <script type="text/javascript">
  6.  
  7.         $(function() {
  8.                $("#one, #two, #three").lavaLamp({
  9.                 fx: "backout",
  10.                 speed: 500,
  11.                 click: function(event, menuItem) {
  12.                     return true;
  13.                 }
  14.             });
  15.  
  16. $("#accordion").tabs("#accordion div", {
  17.     tabs: 'img',
  18.     effect: 'horizontal'
  19. });
  20.         });
  21. </script>
[HTML] pobierz, plaintext


Upewnij się, że wszystkie skrypty są wczytywane poprawnie (np. w Firebugu).

MrSeefeld
5.03.2010, 19:24:38
probowalem juz tego.. ten sam problem. Szukalem troche w necie i byla mowa o dwoch framworkach..


Czy jquery i jquery.tools to dwa rozne frameworki??

;|
lord_t
5.03.2010, 21:58:26
Już chyba wiem o co może biegać - zapodaj gdzieś online jquery.tools. Możliwe że masz dwa razy dołączaną bibliotekę JQuery (na szybko:

To usuń:
Kod
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
a w to samo miejsce przesuń to:
Kod
<script src="js/jquery.tools.min.js"></script>
MrSeefeld
5.03.2010, 23:35:06
I brawo! Bylem swiecie przekonany ze to sa dwie rozne biblioteki winksmiley.jpg Sam sobie w pewien sposob przedtem odpowiedzialem ale myslalem ze jquery.tools to pewnego rodzaju plugin do animacji!


efekt koncowy:

Kod
<script src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
       $(document).ready(function(){

      $("#accordion").tabs("#accordion div", {
          tabs: 'img',
          effect: 'horizontal'
      });    
  
      $("#one, #two, #three").lavaLamp({
          fx: "backout",
          speed: 500,
          click: function(event, menuItem) {return true;}
      });//<- nie było tego :)

});
</script>



dzieki bardzo za pomoc! teraz wszystko chodzi jak powinno!

pozdrowienia
mickey0
17.11.2010, 09:27:24
Witam i prosze o pomoc ...
mam nieco inny przypadek choc podobny i przyczyna jest ta sama ale nie moge sobie z nim poradzic. Mam dwa efekty na stronie, ktore korzystaja z tej samej biblioteki / skryptu (nie jestem informatykiem wiem moge mylic pojecia):

pierwszy efekt ma zapisane w <head> <script type='text/javascript' src='js/jquery.js'></script>
natomiast drugi efekt ma zapisane zaraz przed </body> :<script type="text/javascript" src="js/jquery-latest.js"></script>

tak naprawde jak sprawdzilem jquery.js i jquery-latest.js to taki sam plik tylko o roznej nazwie. Probowalem juz dodawac jQuery.noConflict(); w roznych miejscach, probowalem usuwac i "przesuwac" w kodzie odwolanie do jquery.js ale z uwagi na braki wiedzi programistycznej niestety nie trafilem na rozwiazanie. Chodzi albo jeden efekt albo drugi.

Czy ktos moze pomoc? Jak sobie z tym poradzic?
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.