問題タブ [tinysort]

jQuery プラグインTinySortで divをリンクの href 属性で並べ替えようとしています。ソート可能にしたい div (「ボックス」) は、2 つの別個の div (「row1」と「row 2」) 内で均等に分割され、これら 2 つの div は別の div (「プロジェクト」) 内にあります。IE、ソート可能な div は親要素から 3 レベル下にあります。

私の機能は、ソートするための単純なクリックイベントです:

これは次の意味だと思いました：

#sortname をクリックすると、すべての .box がそこに含まれるリンクの href 属性によって降順でソートされます。実際には、クリックしても何も起こりません。ここで明らかな何かが欠けているように感じます。

私も試しました

と

.box の子および子孫である div を選択しますが、それらも機能しませんでした。

HTML:

Tinysortのドキュメントによると、大文字と小文字を区別する並べ替えは次のように構成できます。

Bootstrap クラスを含むテーブルの前に、その構成 JavaScript を Web ページに追加しましたsortableが、Tinysort 構成は何の効果もないようです。

Tinysort で大文字と小文字を区別するように構成するにはどうすればよいですか?

tinySortを使用して、動的に作成された子 div をフィルタリングしています。これはうまく機能します。ただし、ソート後の子divの量も制限したいと思います。例.上位 5 つのソートされた div のみを持ちます。

これは、私がソートに使用した現在のコードです。

このようなものを使用することを考えました if (($this).children().length < 5)

しかし、それをtinySortに統合する方法、またはこの機能が既に存在するかどうかはわかりませんか?

提案やヘルプをいただければ幸いです。

DOM 構造 :

tinysortを使用してクライアント側でテーブルをソートしようとしています。また、応答性のためにブートストラップを使用しています。以下は私のテーブルです

そして以下は私のJavascriptです

ここでの問題は、「エラー」ヘッドを使用してソートすると、Span で行がソートされ、小、中、大では非表示になり、極小のデバイスでのみ表示されることです。

したがって、デスクトップから並べ替えると、そのスパンを使用して並べ替えられます。

私がやりたいことは、そのスパンを使用してソートするのではなく、小、中、大のデバイスではリンクを使用してソートし、極小のデバイスではスパンを使用してソートすることです。

ここにjsfiddleがあります

私は現在、Tinysort.js でネストされたリストをソートするためのソリューションを探しています

私のHTML

Javascript

結果：

次のようにする必要があります。

問題を表示するために CodePen をセットアップしました: http://codepen.io/anon/pen/QbPVox

私の問題は、tinysort が別の親の間でも li をソートすることです。どうすれば修正できますか

誰かがそれを手伝ってくれますか？

TinySort に、属性が欠落している要素を並べ替えた要素の下に配置させることはできません。"place" や "emptyEnd" などのオプションは、順序をまったく変更しません。

ご覧ください: https://jsfiddle.net/dm8cz4ra/1/

属性を使用して要素のみを選択すると、nodeList = $('#list > div[position]')それらは常に最後に着陸します。

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

tinysortを使用して複雑なdivリストをソートすることを検討しています。最初にhtmlを試してください。

そうなることを願っています

しかし、それは