关于jquery的tablesorter插件 没有效果

问题描述

最近想用下jquery的tablesorter但是找了很多例子,都运行的没效果:代码如下,另存为html用IE9,Chrome,FF都没有效果,是不是需要装个啥的?<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><scriptsrc="http://code.jquery.com/jquery-latest.js"></script><script>$(document).ready(function(){$("#example").tablesorter({sortList:[[0,0],[2,1]],widgets:['zebra']});});</script></head><body><linkrel="stylesheet"href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css"type="text/css"media="screen"title="Flora(Default)"><scriptsrc="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js"></script><tableid="example"class="tablesorter"border="0"cellpadding="0"cellspacing="1"><thead><tr><th>FirstName</th><th>LastName</th><th>Age</th><th>Total</th><th>Discount</th><th>Date</th></tr></thead><tbody><tr><td>Peter</td><td>Parker</td><td>28</td><td>$9.99</td><td>20%</td><td>Jul6,20068:14AM</td></tr><tr><td>John</td><td>Hood</td><td>33</td><td>$19.99</td><td>25%</td><td>Dec10,20025:14AM</td></tr><tr><td>Clark</td><td>Kent</td><td>18</td><td>$15.89</td><td>44%</td><td>Jan12,200311:14AM</td></tr><tr><td>Bruce</td><td>Almighty</td><td>45</td><td>$153.19</td><td>44%</td><td>Jan18,20019:12AM</td></tr><tr><td>Bruce</td><td>Evans</td><td>22</td><td>$13.19</td><td>11%</td><td>Jan18,20079:12AM</td></tr></tbody></table></body></html>

解决方案

解决方案二:
怎么木有回复。。再补充一下:在IE9中提示:“行:9错误:对象不支持“tablesorter”属性或方法”页面上能显示出来,但是点击了表头木有反应。。求大虾。
解决方案三:
<scriptsrc="http://dev.jquery.com/view/trunk/plugins/tablesorter/2.0/jquery.tablesorter.js"></script>放于scriptsrc="http://code.jquery.com/jquery-latest.js"></script>后呢?
解决方案四:
遇到同样的问题发现导入的js库不对下载jquery.tablesorter.min.js,jquery-1.3.2.js就可以了

时间: 2024-09-29 08:10:19

关于jquery的tablesorter插件 没有效果的相关文章

jquery javascript-类似这样的相册展示效果 jQuery 有什么插件吗?

问题描述 类似这样的相册展示效果 jQuery 有什么插件吗? 类似这样的相册展示效果 jQuery 有什么插件吗?http://demo.flachina.com/style/a029/#/photo-1

利用JQuery拖拽插件实现拖拽效果

<%@ page language="c#" autoeventwireup="true" codebehind="default.asp教程x.cs" inherits="jquerydrag._default" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.or

jquery 预加载图片效果插件与实例

文章一款告诉你如何利用jquery 预加载图片的实例教程,同时你也可以根据它出制作出漂亮的jquery 预加载图片效果哦. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x

jQuery配合coin-slider插件制作幻灯片效果的流程解析_jquery

今天为了做一个模板,来收集幻灯片插件,最终确定了两款比较合适的.coin-slider和nivoslider,为此,研究了一下午,从各个方面来实验这两款插件,究竟哪款比较适合.比较好. 当然,聪明的你看题目就已经知道了.我必须要吐槽一下nivoslider这个jquery插件.这两款插件,在看官方的demo时,这个插件的效果要比coin-slider好一些.看了一下教程,可以自定义的参数较多,貌似功能要更强大一下.于是我就首先研究了一下这款插件的使用方法.由于网上教程比较少,大部分都是直接复制的

jQuery实现图片轮播效果代码(基于jquery.pack.js插件)_jquery

本文实例讲述了jQuery实现图片轮播效果代码.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

基于jQuery Bar Indicator 插件实现进度条展示效果_jquery

Bar Indicator是一款基于jQuery的进度条数据展示插件,它可应用于数据统计展示.投票统计以及任务进度等诸多场景中.它使用简单.选项丰富,几乎可以满足用户所有基于进度条的WEB设计需求,本文将结合实例给大家讲解Bar Indicator的使用. 查看演示 下载源码 HTML 首先加载jQuery和Bar Indicator相关js文件以及css文件. <link href="bi-style.css" rel="stylesheet" />

jquery hwSlider-内容滑动切换效果jquery.hwSlide.js插件封装

经过前两部分的讲解,我们大概知道内容滑动切换的基本开发思路和技巧,现在我们在第三部分将前面两部分的代码进行优化,封装成一个jQuery插件:jquery.hwSlide.js.开发者可以轻松创建各种图片轮播效果.焦点图效果.图文混排滑动效果. hwSlider-内容滑动切换效果(三):jquery.hwSlide.js插件封装 hwSlider具有以下特性: 多个参数定制,满足不同项目需求. 支持移动端触控滑动. 支持图文混排,支持各种html元素. 响应式自适应屏幕尺寸. 同一页面支持多个滑动

使用jQuery和QuickSearch、TableSorter插件来增强界面交互

在用jQuery和jTemplates插件实现客户端分页的表格展现一文中我们了解过jTempalte插件,它帮助我 们可以很轻松的通过订制模板来展现JSON数据集合,并且可以在客户端实现分页.jQuery提供了大量的 Plug-in,Quick Search允许我们通过将某个HTML元素附加给Search作为数据源来在数据源中进行动态搜 索:而Table Sorter插件则允许我们不用太多的代码就可以实现对表格的排序支持.今天我们就来看看如 何使用Quick Search和Table Sorte

精心收集的jQuery常用的插件1000_jquery

1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery 热点图书:www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件. jQuery plugin: Accordion 热