同位素 - reLayout更改容器寬度

我的容器是800px。這個空間被投資組合容器佔用。當點擊按鈕啓用過濾器菜單時，投資組合容器被告知具有610px的寬度，這留下了過濾器菜單的剩餘空間。我正在使用reLayout調用來嘗試和更新項目，但它似乎只在濾鏡菜單被禁用時才起作用。任何人都可以看到我要去哪裏嗎？任何幫助將非常感激。同位素 - reLayout更改容器寬度

請參閱下面的代碼片段。查看DEMO查看全部代碼。

$('button').click(function() { 
    filtertoggle.toggleClass("filter-active"); 
    $container.isotope('reLayout'); 
});

來源

2013-10-27 2ne

試試這個：

$('button').click(function(){ 
    filtertoggle.toggleClass("filter-active"); 
    setTimeout(function(){ 
      $container.isotope('reLayout'); 
     }, filtertoggle.hasClass("filter-active") ? 100: 755); 
    });

例如：http://codepen.io/anon/pen/nDmyB

來源

2013-10-27 10:17:40

啊是工作，因爲超時是時間的過渡花費了多少？ – 2ne

http://codepen.io/2ne/pen/mtluH如果我改變寬度，那麼這種方法似乎不工作，你能看到爲什麼？ – 2ne

認爲我通過更改100值來實現它，那是做什麼的？ – 2ne

對於未來的搜索，新的同位素版本更改 '重新佈局' 選項設置爲 '佈局'。更改

$container.isotope('reLayout');

...到...

$container.isotope('layout');

來源

2016-05-19 08:32:18 Deborah

同位素 - reLayout更改容器寬度

回答

相關問題