0

これはばかげていますが、TinySort (standalone min) は私を混乱させます: コンテナー div (#body) で div (.story) を並べ替えたいので、<button onclick="tinysort('div#body>div,{order:'desc',attr:'id'});">Descending</button>クリックすると昇順に切り替わる , を使用します。私のdivのコードは次のとおりです。

<div id="body">
<div id="1" class="story"></div>
<div id="2" class="story"></div>
<div id="3" class="story"></div>
</div>
4

1 に答える 1

0

次のようなカスタム関数を使用します。

HTML

<button id='toggle' onclick='toggleSort()'>Descending</button>

JavaScript

function toggleSort() {
    var btn = document.querySelector('#toggle');
    if(btn.classList.toggle('desc')) {
        tinysort('div#body>div', { order: 'desc', attr: 'id' });
        btn.innerHTML = 'Ascending';
    } else {
        tinysort('div#body>div', { order: 'asc', attr: 'id' });
        btn.innerHTML = 'Descending';
    }
}

デモjsfiddleを作成しました

于 2016-04-22T19:48:50.133 に答える