データテーブルのカスタム並べ替えオプションの使用について質問があります。最後の列に画像のみを含むテーブルがあります。画像は、並べ替えたいタイトルタグを使用しています。
したがって、このコードを使用して並べ替えを設定します。
<script type="text/javascript">
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"title-string-pre": function ( a ) {
return a.match(/title="(.*?)"/)[1].toLowerCase();
},
"title-string-asc": function ( a, b ) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},
"title-string-desc": function ( a, b ) {
return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}
} );
$(document).ready(function() {
$('#customertable').dataTable( {
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ 0,1 ] },
{ "sType": "title-string-asc", "aTargets": [ 4 ] }
],
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false,
"bSortCellsTop": true
} );
} );
</script>
ただし、列 4 のヘッダーをクリックしても機能せず、Chrome で「オブジェクト # のプロパティ 'title-string-asc-desc' は関数ではありません」および「プロパティ 'title-string-asc-asc」というエラーが報告されます。 ' のオブジェクト # は関数ではありません"
私は何を間違っていますか?