• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

JS Auswahl und Anzeige mehrerer Filter Checkboxen

ja, ist drinnen!

- - - Aktualisiert - - -

wie meinst reiehnfolge, alles rein oder gehören die anderen skripts in einer bestimmten reihenfolge rein?
 
wie meinst reiehnfolge, alles rein oder gehören die anderen skripts in einer bestimmten reihenfolge rein?
alles rein, aber es kann sein, das du eine reihenfolge beachten musst, siehst du, wenn fehler auftreten

- - - Aktualisiert - - -

aber mal was anderes, bist du dir sicher, dass es einträge gibt auf die beide bedingungen passen?
vielleicht gibt es einfach keine und alles funktioniert
 
Habe jetzt wirklich alle scripts drinnen! und der Fehler kommt:
11:43:24.275 TypeError: jQuery.fn.jplist.models.Path is not a constructor
jQuery.fn.jplist.controls.Dropdown.getPaths/<()jplist.min.js:3495
.each()jquery-1.10.0.min.js:4
x.prototype.each()jquery-1.10.0.min.js:4
jQuery.fn.jplist.controls.Dropdown.getPaths()jplist.min.js:3485
getPaths()jplist.min.js:9726
Init.prototype.getPaths()jplist.min.js:9915
jQuery.fn.jplist.services.Panel.getPaths()jplist.min.js:8886
Init()jplist.min.js:9584
jQuery.fn.jplist.view.Panel()jplist.min.js:9623
Init()jplist.min.js:3198
jQuery.fn.jplist.controller.Controller()jplist.min.js:3255
Init()jplist.min.js:229
jQuery.fn.jplist/<()jplist.min.js:252
.each()jquery-1.10.0.min.js:4
x.prototype.each()jquery-1.10.0.min.js:4
jQuery.fn.jplist()jplist.min.js:251
d()jlocator.min.js:12
g()jlocator.min.js:12
jQuery.fn.jlocator.panel()jlocator.min.js:12
a()jlocator.min.js:8
jQuery.fn.jlocator.controller()jlocator.min.js:8
a()jlocator.min.js:7
k.fn.jlocator/<()jlocator.min.js:8
.each()jquery-1.10.0.min.js:4
x.prototype.each()jquery-1.10.0.min.js:4
k.fn.jlocator()jlocator.min.js:7
<anonym>kunden.html:47
x.Callbacks/c()jquery-1.10.0.min.js:4
x.Callbacks/p.fireWith()jquery-1.10.0.min.js:4
.ready()jquery-1.10.0.min.js:4
q()jquery-1.10.0.min.js:4
1jplist.min.js:3495:12

- - - Aktualisiert - - -

aber mal was anderes, bist du dir sicher, dass es einträge gibt auf die beide bedingungen passen?
vielleicht gibt es einfach keine und alles funktioniert

Jeder Eintrag hat eine Kategorie, entweder A, B, C usw.

Ziel ist es, das wenn ich beim Filter auf "A" Klicke, nur alle der Kategorie A kommen. klicke ich auf eine andere das selbe.
Wähle ich jedoch mehrere Kategorien gleichzeitig aus, um zB. die einträge der Kategorie A und B anzeigen zu lassen kommt gar nichts. Und das ist es was funktionieren soll, dass ich mir mehrere Kategorien filtern kann. Bei jedem Eintrag ist natürlich nur die eine tatsächliche Kategorie verlinkt.
 
Zuletzt bearbeitet von einem Moderator:
Habe jetzt wirklich alle scripts drinnen! und der Fehler kommt:
11:43:24.275 TypeError: jQuery.fn.jplist.models.Path is not a constructor

dann muss jplist/models/Path.js weiter nach vorne

Bei jedem Eintrag ist natürlich nur die eine tatsächliche Kategorie verlinkt.
dann findet natürlich ein UND-Filter nichts

Wähle ich jedoch mehrere Kategorien gleichzeitig aus, um zB. die einträge der Kategorie A und B anzeigen zu lassen kommt gar nichts.
also willst du eigentlich einen ODER-filter?!

wie sieht denn das html der checkboxen aus? du brauchst einen Checkbox Path Filter Control dafür brauchst du ein element mit dem attribut data-control-type="checkbox-group-filter" um checkboxen (ich dachte du hast checkboxen, stimmt das?)
HTML:
<div 
         class="jplist-group"
         data-control-type="checkbox-group-filter"
         data-control-action="filter"
         data-control-name="themes">
         
         <input 
           data-path=".architecture" 
           id="architecture" 
           type="checkbox" 									
         />
 
HTML:
<!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-aa">
               
               <div class="cb">
                  <input 			
                     data-path=".aa" 									
                     id="aa" 
                     type="checkbox" 									
                  />
                  <label for="aa">A+</label>
               </div>										
            </div>
            
            <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-a">
               
               <div class="cb">
                  <input 
                     data-path=".a"									
                     id="a" 
                     type="checkbox" />
                  <label for="a">A</label>
               </div>									
            </div>
                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-b">
               
               <div class="cb">
                  <input 
                     data-path=".b"									
                     id="b" 
                     type="checkbox" />
                  <label for="b">B</label>
               </div>									
            </div>
            
                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-c">
               
               <div class="cb">
                  <input 
                     data-path=".c"									
                     id="c" 
                     type="checkbox" />
                  <label for="c">C</label>
               </div>									
            </div>

                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-e">
               
               <div class="cb">
                  <input 
                     data-path=".e"									
                     id="e" 
                     type="checkbox" />
                  <label for="e">E</label>
               </div>									
            </div>
            
                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-n">
               
               <div class="cb">
                  <input 
                     data-path=".n"									
                     id="n" 
                     type="checkbox" />
                  <label for="n">N</label>
               </div>									
            </div>

            
                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-s">
               
               <div class="cb">
                  <input 
                     data-path=".s"									
                     id="s" 
                     type="checkbox" />
                  <label for="s">S</label>
               </div>									
            </div>
            

            
                        <!-- checkbox filters -->
            <div 
               class="cb-group-filter left"
               data-control-type="checkbox-group-filter"
               data-control-action="filter"
               data-control-name="themes-z">
               
               <div class="cb">
                  <input 
                     data-path=".z"									
                     id="z" 
                     type="checkbox" />
                  <label for="z">Z</label>
               </div>									
            </div>
 

Anhänge

  • soll.pdf
    263,7 KB · Aufrufe: 0
DU BIST MEIN SUPERHELD/HELDIN!!!

Das wars, das ist die Lösung! Boah ich recherchiere seit Wochen und probier herum aber auf die Divs hät ich nie gedacht!

DANKE DANKE DANKE

Kann ich dir irgendwie ein virtuelles Bier schicken?
 
Zurück
Oben