Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jquery] jQuery + jquery.tools, $ is not a function ??
MrSeefeld
post 5.03.2010, 17:33:02
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 21.02.2010

Ostrzeżenie: (0%)
-----


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

Ten post edytował erix 5.03.2010, 23:16:59
Powód edycji: [erix]: posprzątane ;)
Go to the top of the page
+Quote Post
lord_t
post 5.03.2010, 17:42:31
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


Zamien dwa ready wywołania na jedno:
  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. });


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



--------------------
Go to the top of the page
+Quote Post
MrSeefeld
post 5.03.2010, 19:24:38
Post #3





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 21.02.2010

Ostrzeżenie: (0%)
-----


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??

;|
Go to the top of the page
+Quote Post
lord_t
post 5.03.2010, 21:58:26
Post #4





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


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>


Ten post edytował lord_t 5.03.2010, 21:58:49


--------------------
Go to the top of the page
+Quote Post
MrSeefeld
post 5.03.2010, 23:35:06
Post #5





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 21.02.2010

Ostrzeżenie: (0%)
-----


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

Ten post edytował MrSeefeld 5.03.2010, 23:39:14
Go to the top of the page
+Quote Post
mickey0
post 17.11.2010, 09:27:24
Post #6





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 17.11.2010

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.06.2024 - 02:12