2016-04-19 17 views
0

Ich benutze dieses PluginMehrere Klassen in einer jquery Initialisierung

http://www.jqueryscript.net/layout/Responsive-Equal-Height-Plugin-with-jQuery-ResponsibleHeight.html

Aber ich weiß nicht, wie die „Kind“ mehr Klassen zu machen.

Hier ist der Code, um das Plugin zu initialisieren. Hat hier schon jemand das Plugin benutzt? Ich kopiere und füge den Code ein und stelle verschiedene Klassen unter "Kind", aber es ist ein bisschen überflüssig. Gibt es eine Möglichkeit, den Code zu reduzieren, ohne immer wieder denselben Code zu verwenden?

Danke!

//Initialise the plugin 
    $('.item-container div').responsibleHeight({ 
     delay: 0, 
     child: '.filter', 
     widths: [ 
     [1300, 10], 
     [1000, 8], 
     [700, 4], 
     [40, 2], 
     [0, 1] 
     ] 
    }); 

    //Destroy the plugin, remove heights and stop working on resize 
    $('.destroy').click(function(){ 
     $('.item-container div').responsibleHeight('destroy') 
    }); 

    //Reinitialise the plugin 
    $('.reinit').click(function(){ 
     $('.item-container div').responsibleHeight('reinit') 
    }); 
+0

können Sie eine erstellen Geige? –

+0

Basierend auf der Dokumentation scheint es, dass die Option 'child' nur für ein Element gilt. – TCHdvlp

Antwort

0

Möchten Sie Elemente mit mehreren Klassen oder mehreren Elementen mit verschiedenen Klassen auswählen?

Wenn der Code sieht wie folgt aus:

child: '.filter', 

// Das kann nicht funktionieren - dieses Plugin Sie nur ein Kind auswählen können

Wenn Sie mit wählen Childs wollen Für eine der wenigen Klassen sieht der Code folgendermaßen aus: (Trennen Sie die Klassen einfach mit Komma.)

child: '.filter, .class2, .class3', 

oder wenn Sie Elemente auswählen möchten, die mehr als eine Klasse haben: (Liste Klassen eins nach dem anderen)

child: '.filter.class2.class3', 

Hoffe, es wird Ihnen helfen :)