Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQuery nie działa, Wordpress
Forum PHP.pl > Forum > Gotowe rozwiązania > Systemy portalowe i CMS'y
Poczatkujacy_Web
Witam,

w ten sposób implementuje jQuery w kodzie index.php

  1. <?php wp_enqueue_script('jquery') ?>
  2.  
  3.  
  4. <?php wp_head(); ?>
  5.  
  6. <script type="text/javascript">
  7.  
  8. $(function() {
  9. var pow = $('#powiekszanie');
  10. var norm = parseInt(pow.css('font-size'));
  11. $('#pow').click(function(){
  12. var fs = parseInt(pow.css('font-size'));
  13. if(fs < norm + 2)
  14. pow.css('font-size', (fs+1) + 'px');
  15. });
  16. $('#norm').click(function(){
  17. pow.css('font-size', norm + 'px');
  18. });
  19. $('#pom').click(function(){
  20. var fs = parseInt(pow.css('font-size'));
  21. if(fs > norm - 2)
  22. pow.css('font-size', (fs-1) + 'px');
  23. });
  24.  
  25. $("#fejsik").mouseover(function() {
  26. $(this).stop().animate({
  27. right: '0',
  28. }, 300);
  29. })
  30.  
  31. $("#fejsik").mouseout(function(){
  32. $(this).stop().animate({
  33. right: '-215px',
  34. }, 200);
  35. });
  36. });
  37. </script>
  38.  
  39. </head>



niestety moje funkcje nie działają w żaden sposób. Dodam że zanim wrzuciłem strone do wordpressa działało wszystko ok. Podejrzewam że źle implementuje biblioteke. Tylko nie wiem co robię źle. Googlałem ale nic co by mi pomogło nie znalazłem.
Pawel_W
zamiast $ używaj jQuery bądź skorzystaj z jQuery.noConflict()

ew. możesz też to robić tak:

  1. (function($){
  2. tutaj normalnie możesz używać $
  3. })(jQuery);
Poczatkujacy_Web
Cytat(Pawel_W @ 30.11.2012, 13:30:39 ) *
zamiast $ używaj jQuery bądź skorzystaj z jQuery.noConflict()

ew. możesz też to robić tak:

  1. (function($){
  2. tutaj normalnie możesz używać $
  3. })(jQuery);



W jakim celu noConflict? przecież tutaj się nic nie gryzie. Zanim przeniosłem ta strone do wordpressa to działało. Chodzi mi o to czy dobrze implementuje biblioteke jQuery?
Poczatkujacy_Web
Rozwiązałem problem w następujący sposób:

  1. <script type="text/javascript">
  2.  
  3. jQuery(document).ready(function() {
  4. var pow = jQuery('#powiekszanie');
  5. var norm = parseInt(pow.css('font-size'));
  6. jQuery('#pow').click(function(){
  7. var fs = parseInt(pow.css('font-size'));
  8. if(fs < norm + 2)
  9. pow.css('font-size', (fs+1) + 'px');
  10. });
  11. jQuery('#norm').click(function(){
  12. pow.css('font-size', norm + 'px');
  13. });
  14. jQuery('#pom').click(function(){
  15. var fs = parseInt(pow.css('font-size'));
  16. if(fs > norm - 2)
  17. pow.css('font-size', (fs-1) + 'px');
  18. });
  19.  
  20. jQuery("#fejsik").mouseover(function() {
  21. jQuery(this).stop().animate({
  22. right: '0',
  23. }, 300);
  24. })
  25.  
  26. jQuery("#fejsik").mouseout(function(){
  27. jQuery(this).stop().animate({
  28. right: '-215px',
  29. }, 200);
  30. });
  31. });
  32. </script>
Pawel_W
napisałem Ci dokładnie to samo, wyjaśnienie masz w linkach podanych przez @toffiak
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.