電網-A-licious插件閃爍的jQuery Mobile的頁面加載

Question

我的目標：

使用jQuery插件grid-a-licious顯示Pinterest的樣網格，jQuery Mobile的頁面中。加載頁面時，圖像必須排列在網格中。

的（失敗）結果：

我來到了這裏所示的代碼：http://jsfiddle.net/hxNDE/6/

基本上，我用的是pageshow JQM事件激活電網-A-licious。它的工作原理，但是，有一個重大的閃爍由於頁面過渡：

$('#page-2').on('pageshow', function() { 
    $("#grid").gridalicious({ 
     gutter: 1, 
     width: 100 
    }); 
}); 

當我使用pagebeforeshow事件相反，它不會在所有工作，因爲電網-A-licious無法檢測屏幕寬度和決定多少列建：

$('#page-2').on('pagebeforeshow', function() { 
    ...same... 
}); 

當前的解決辦法： 我已禁用所有JQM過渡動畫，所以當圖像被排列在網格中沒有可見閃爍。

我想找到一個解決方案，我可以使用JQM過渡和沒有閃爍的Grid-a-licious。

• 通過JQM
• 找到一種方法，或者通過修改網格-A-licious插件，這是非常短的，克服這種情況

有什麼建議？

Answer 1

我固定我的問題，並拉修復網格-A-Licious git倉庫：

https://github.com/suprb/Grid-A-Licious/pull/22

基本上，寬度錯時CSS display被隱藏計算或，好了，不在其正常狀態

var swappedStyle = this.box.css('display'); 
this.box.css('display', 'block'); 
width = this.box.width(); // Previously, only this line 
this.box.css('display', swappedStyle); 

注：

• 這不會使jQuery Mobile的轉換，但僅得到格里斯-A-Licious可用與JQM
• 還包括針對觸發很多resize事件的，因此使得Gridalicious閃爍並滾動到頂部iOS設備修復