2016-04-19 48 views
0

我使用這個插件多班一個jQuery的初始化

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

但我不知道如何使「子」多類。

下面是初始化插件的代碼。有沒有人在這裏使用過插件?我複製並粘貼代碼並將不同的類放在「子」下,但它有點多餘。有沒有什麼辦法可以在不重複使用相同代碼的情況下減少代碼?

謝謝!

//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

可以創建小提琴? –

+0

根據文檔,似乎'child'選項僅適用於一個元素。 – TCHdvlp

回答

0

是否要選擇具有多個類或具有多個類的多個項目的項目?

如果代碼如下所示:

child: '.filter', 

//這可能無法正常工作 - 這個插件可以讓你選擇只生一個孩子

如果您想選擇與孩子的對於少數幾類之一,代碼將如下所示:(僅使用逗號分隔類)

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

,或者如果你想選擇哪個有多個類項目:(單班陸續)

child: '.filter.class2.class3', 

希望它會幫助你:)