TableSort插件问题asp.net

好吧......让我们开始：我在一个asp页面已经这个简单的表TableSort插件问题asp.net

  <table id="provasort" class="tablesorter"> 
      <thead> 
       <tr> 
        <th>head1</th> 
        <th>heade2</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>body1</td> 
        <td>body2</td> 
       </tr> 
       <tr> 
        <td>body3</td> 
        <td>body4</td> 
       </tr> 
      </tbody> 

     </table>

我有此链接到CSS文件，并在jQuery的tablesort插件的Site.Master：

 <link href="content/style.css"   rel="stylesheet" type="text/css" /> 

     <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script> 
     <script type="text/javascript" src="Scripts/jquery.tablesorter.js"></script>

这是从插件的官方网站下载的CSS文件：

table.tablesorter { 
    font-size: 12px; 
    background-color: #4D4D4D; 
    width: 1024px; 
    border: 1px solid #000; 
    } 

    table.tablesorter th { 
    text-align: left; 
    padding: 5px; 
    background-color: #6E6E6E; 
    } 

    table.tablesorter td { 
    color: #FFF; 
    padding: 5px; 
    } 

    table.tablesorter .even { 
    background-color: #3D3D3D; 
    } 

    table.tablesorter .odd { 
background-color: #6E6E6E; 
    } 

    table.tablesorter .header { 
background-image: url('../Images/bg.png'); 
background-repeat: no-repeat; 
border-left: 1px solid #FFF; 
border-right: 1px solid #000; 
border-top: 1px solid #FFF; 
padding-left: 30px; 
padding-top: 8px; 
height: auto; 

    } 

    table.tablesorter .headerSortUp { 
background-image: url('../Images/asc.png'); 
background-repeat: no-repeat; 
    } 

    table.tablesorter .headerSortDown { 
background-image: url('../Images/desc.png'); 
background-repeat: no-repeat; 
    }

插件调用：

个

$('#provasort').tablesorter()

，现在我的问题：

1）该插件没有排序我的表。我点击列，但没有任何反应。控制台不会返回任何错误。

2）除了头部的背景图像，css似乎工作。

非常感谢

来源

2014-02-28 Alist3r

你取到'$（文件）。就绪（函数（）''左右$（ '＃provasort'）。的tablesorter（） '？ –

是的......当然。 – Alist3r

似乎在这里工作很好：http://jsfiddle.net/56Xjb/ –

试试这个..

<table id="provasort" class="tablesorter"> 
      <thead> 
       <tr> 
        <th><a>head1</a></th> 
        <th><a>heade2</a></th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>body1</td> 
        <td>body2</td> 
       </tr> 
       <tr> 
        <td>body3</td> 
        <td>body4</td> 
       </tr> 
      </tbody> 

     </table>

来源

2014-02-28 12:05:57 social

TableSort插件问题asp.net

回答

相关问题