私は、ここで見つかったスクリプトを動作させようとしています。 http://jsfiddle.net/MJ9Zw/ ソートされません。jQueryの問題をコピーするスクリプト
<!DOCTYPE html> <html lang="en">
<head> <script
type="text/javascript"
src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var table = $('table');
$('#facility_header, #city_header')
.wrapInner('<span title="sort this column"/>')
.each(function(){
var th = $(this),
thIndex = th.index(),
inverse = false;
th.click(function(){
table.find('td').filter(function(){
return $(this).index() === thIndex;
}).sortElements(function(a, b){
return $.text([a]) > $.text([b]) ?
inverse ? -1 : 1
: inverse ? 1 : -1;
}, function(){
// parentNode is the element we want to move
return this.parentNode;
});
inverse = !inverse;
});
});
</script>
</head>
<body>
<table>
<tr>
<th id="facility_header">Facility name</th>
<th>Phone #</th>
<th id="city_header">City</th>
<th>Speciality</th>
</tr>
<tr>
<td>CCC</td>
<td>00001111</td>
<td>Amsterdam</td>
<td>GGG</td>
</tr>
<tr>
<td>JJJ</td>
<td>55544444</td>
<td>London</td>
<td>MMM</td>
</tr>
<tr>
<td>AAA</td>
<td>33332222</td>
<td>Paris</td>
<td>RRR</td>
</tr>
</table>
</body>
</html>
編集: 私はこれが愚かに見えるけど、私は数時間のために、このを見つめてきました。 私は何かが明白でないことを知っていますが、私はそれがどこにあるか知っています。私は2つまたは3つの異なるjQueryライブラリを試しましたが、それはそれを修正しませんでした。私はそれを半ダース回コピーしました。私はすべてのものを貼り付けるために事前に謝罪しますが、私はそれを見ていません。私は非常に明白な何かを欠いていることを知っている
コメントブロック_( '{} ')ボタンまたはすべての行に4つのスペースを含むコード/マークアップを使用してください)_。また、ここであなたのコードをkerslapしないでください。あなたが試したこと、うまくいったこと、うまくいかなかったことを教えてください。 –
よろしくお願いします!ただブラウザで実行してください。 –
私はChromeとFFで実行しましたが、動作していません。 – Roger