Question

我只是想让这个脚本工作，我在这里发现： http://jsfiddle.net/MJ9Zw/ 它没有排序。

 <!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>

编辑：我知道这看起来很傻，但我一直盯着这几个小时。我知道我错过了一些明显的东西，但我知道它在哪里。我尝试过两三个不同的jQuery库，但是没有解决它。我已经复制了六次。我提前为整个事情道歉，但我没有看到它。我知道我错过了一些非常明显的事情。

Answer 1

您错过了the jquery.sortElements.js script的内容，您可以在左侧“管理资源”部分的jsfiddle页面中看到该内容。

Answer 2

你添加了：

<script type='text/javascript' src="http://github.com/jamespadolsey/jQuery-Plugins/raw/master/sortElements/jquery.sortElements.js"></script>

到你的页面？

提示：尝试将/show添加到提琴网址，查看来源和复制。

jQuery问题复制脚本

2 个答案: