GridStack JSは、グリッドボックスの順序を設定

Question

私は、彼らがgridstack.js現在

彼らはHTMLで表示されるよう、彼らが注文

を使用して、ページに表示されるボックスの順序を保存しようとしています、そしてそれらがレイアウトされているではありませんかページ上にここで私が何をしようとしています何をさらに説明する絵がある：

私は彼らの順序を設定するために使用していますコード：

$gridStack.on('change', gridStackItemOnChange); 


function gridStackItemOnChange(e, items) 
{ 
    var index = 0; 

    for(i in items) { 
     var el = $(items[i].el); 
     el.data('index', index); 

     console.log('view:', el.data('view'), ' index:', index); 

     index++; 
    } 
} 

コンソールアウトプット・版画この

が

view: about_me index: 0 
view: blank index: 1 
view: youtube index: 2 
view: comments index: 3 

それはちょうどランダムな順序を取得し、左から右ではないようです。

これには方法がありますか？

Answer 1

ループの反復順序は、一般に保証されません。詳細については、this answerを参照してください。返信用

items.forEach(function(e, i) { 
    var el = $(e.el); 
    el.data('index', i); 

    console.log('view:', el.data('view'), ' index:', i); 
})