Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JQuery nie działa onclick
Forum PHP.pl > Forum > Po stronie przeglądarki
amii
Mam taki skrypt w JS i jquery. Skrypt umieszczałem i w sekcji head i body. Po kliknięciu w button nic się nie dzieje (nie wyświetla się nawet box z alertu) wie ktoś dlaczego ?

  1. <button id="przycisk" class="szukaj">SZUKAJ</button>


[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2.  
  3. $("#przycisk").click(function() {
  4. alert('box'); //nie wyświetla się - why questionmark.gif
  5. $('table[name*="tabela"]').fadeOut(); //first hide all previously showed elements
  6.  
  7. wyswietlane = new Array();
  8. ciag = '';
  9.  
  10. var tablica = new Array();
  11.  
  12. $("#content").find('input:checkbox').each(function(i, el){
  13. var checked = $(this).attr('checked');
  14.  
  15. if(checked) {
  16. switch($(this).get(0).tagName.toLowerCase()) {
  17. case 'k11':
  18. case 'k12':
  19. case 'k13':
  20. case 'k14':
  21. if (duplikaty(wyswietlane, '#tabela_55')) wyswietlane[] = '#tabela_55'; //jeżeli jeszcze nie dodane to dodajemy
  22. break;
  23. }
  24. }
  25.  
  26. }); //end each
  27. ciag = wyswietlane.join(",");
  28. $(ciag).fadeIn("slow");
  29.  
  30. }); //end click
  31.  
  32.  
  33. function duplikaty(tablica, wartosc) { //funkcja sprawdza czy wartość już jest w tablicy jeśli jest zwraca FALSE w przeciwnym wypadku TRUE
  34.  
  35. for (var b = 0; b < tablica.length; b++) {
  36. if (tablica[b] == wartosc) return false;
  37. }
  38. return true;
  39.  
  40. }
  41. });
[JAVASCRIPT] pobierz, plaintext
pablo89pl
skad wydarles taki zapis: <button id="przycisk" class="szukaj">SZUKAJ</button> ?
daj sobie <input type="button" value="Szukaj" id ="przycisk" class="szukaj"/>
amii
Niestety nic to nie daje a tamten button został skopiowany z dokumntacji jQuery.
To co chcę osiągnąć.
1. Doczepić zdarzenie do kliknięcia w button/input z id przycisk
1. Pobrać wszystkie wartości lub id lub name z zaznaczonych checkbox-ów
2. Na postawie zaznaczonych checkbox-ów uwidocznić odpowiednie id przypisane produktom pobranym z bazy
mortus
A dołączyłeś jQuery, że tak zapytam. Wklej tutaj cały kod tej jednej strony lub umieść online na jakimś serwerze.
amii
Problem udało mi się rozwiązać poniżej kod:

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2.  
  3. $('#przycisk').click(function () {
  4.  
  5. $('table[name*="tabela"]').fadeOut(); //first hide all previously showed elements
  6.  
  7. ciag = '';
  8.  
  9. var wyswietlane = [];
  10. var attributes = [];
  11. $(':checkbox:checked').each(function(index) { attributes.push($(this).val());
  12. });
  13.  
  14.  
  15. for(var a = 0; a < attributes.length; a++) {
  16.  
  17.  
  18. switch(attributes[a]) {
  19. case '1':
  20. if (duplikaty(wyswietlane, '#tabela_56')) wyswietlane.push('#tabela_56');
  21. break;
  22. case '2':
  23. if (duplikaty(wyswietlane, '#tabela_54')) wyswietlane.push('#tabela_54');
  24. break;
  25. case '3':
  26. if (duplikaty(wyswietlane, '#tabela_55')) wyswietlane.push('#tabela_55');
  27. break;
  28. case '4':
  29. if (duplikaty(wyswietlane, '#tabela_53')) wyswietlane.push('#tabela_53'); //jeżeli jeszcze nie dodane to dodajemy
  30. break;
  31.  
  32. default:
  33. break;
  34. }
  35.  
  36. }
  37.  
  38. ciag = wyswietlane.join(",");
  39.  
  40.  
  41. $(ciag).fadeIn("slow");
  42.  
  43. }); //end click
  44.  
  45. function duplikaty(tablica, wartosc) { //funckja sprawdza czy wartośc już jest w tablicy jesli jest zwraca FALSE w przeciwnym wypadku TRUE
  46.  
  47. for (var b = 0; b < tablica.length; b++) {
  48. if (tablica[b] == wartosc) return false;
  49. }
  50. return true;
  51.  
  52. }
  53. });
[JAVASCRIPT] pobierz, plaintext
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.