Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS][jQuery]Poprawa skryptu odpowiedzialnego za wyświetlanie rekordów.
patwoj98
post 5.05.2015, 14:11:26
Post #1





Grupa: Zarejestrowani
Postów: 218
Pomógł: 16
Dołączył: 6.06.2014
Skąd: Warszawa

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


Witajcie!

Link do fiddle'a: https://jsfiddle.net/0z5kcpL4/1/

Walczę od 2 dni z AJAXem. Mianowicie:
Mam tabelkę, która pobiera dane z MySQL i wyświetla je. Teraz chciałbym zrobić prosty filtr, tj:
Mam takiego diva:

  1. <div class="box col-md-12 items tags">
  2. <ul>
  3. <li class="head">Producent</li>
  4. <li><input id="producent1" type="checkbox" class="szukajnapraw Promise" rel="Promise"/>Promise</li>
  5. <li><input id="producent2" type="checkbox" class="szukajnapraw NetStor" rel="NetStor"/>NetStor</li>
  6. <li><input id="producent3" type="checkbox" class="szukajnapraw Stardom" rel="Stardom"/>Stardom</li>
  7. <li><input id="producent4" type="checkbox" class="szukajnapraw LaCie" rel="LaCie"/>LaCie</li>
  8. <li><input id="producent5" type="checkbox" class="szukajnapraw G-Tech" rel="G-Tech"/>G-Tech</li>
  9. <li><input id="producent6" type="checkbox" class="szukajnapraw mLogic" rel="mLogic"/>mLogic</li>
  10. <li><input id="producent7" type="checkbox" class="szukajnapraw Tiger Technology" rel="Tiger Technology"/>Tiger Technology</li>
  11. </ul>
  12. </div>


Odpowiada on za stworzenie checkboxów z polami, w którymi można wybrać przez co filtrować.

Teraz dodałem JSa i jQuery(zgodnie z tym co pisał nospor):
[JAVASCRIPT] pobierz, plaintext
  1. <script>
  2. $(document).ready(function () {
  3. $('.results > td').hide();
  4.  
  5. $('div.tags').find('input:checkbox').on('click', function () {
  6. $('.results > td').hide();
  7. $('div.tags').find('input:checked').each(function () {
  8. $('.results > td.' + $(this).attr('rel')).show();
  9. });
  10. });
  11. });
  12. </script>
[JAVASCRIPT] pobierz, plaintext


Problem, że on w ogóle nie działa. Moglibyście bardziej doświadczeni koledzy podpowiedzieć co zrobić, aby to śmigało? Wyniki wyświetlają się w tabelce.
Liczę na pomoc.

Ten post edytował patwoj98 5.05.2015, 14:39:54
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
nospor
post 6.05.2015, 08:45:02
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
Teraz dodałem AJAXa:
W kodzie co podales nigdzie nie ma AJAXa.... js z jQuery to nie AJAX. To js z jQuery.

przenosze

Co do bledu:
a zaladowales w ogole jQUery?questionmark.gifquestionmark.gif Bo w kodzie jsfiddle co podales nie raczyles wlaczyc jQuery a potem wielkie ździwinie ze kod napisany w jQuery nie dziala.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Posty w temacie


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: 14.08.2025 - 19:18