Welcome

首页 / 脚本样式 / JavaScript

jquery.tableSort.js表格排序插件使用方法详解

2017-02-15 72
本文实例为大家分享了jquery.tableSort.js表格排序的具体代码，供大家参考，具体内容如下1.一定要引jQuery包，所有jq插件都是基于jQuery包的2.如果想指定哪一栏不排序这样写 $（“#mytable”）.tablesorter（{headers:{5:{sorter:false}}}）; 第5列的sorter为false就OK了参考：http://www.jb51.net/article/105217.htm<！DOCTYPE...

tablesorter.js表格排序使用方法（支持中文排序）

2017-02-15 63
最近，因为项目需要，对表格排序做了一下摸索，整理如下：1. 首先，可从官网下载tablesorter.js，但并不支持中文的排序，对其源码进行修改：部分源码：function sortText（a, b） {return （（a < b） ? -1 : （（a > b） ? 1 : 0））;};function sortTextDesc（a, b） {return （（b < a） ? -1 : （（b > ...

解决URL地址中的中文乱码问题的办法

2017-02-15 150
解决URL地址中的中文乱码问题的办法引言： 在Restful类的服务设计中，经常会碰到需要在URL地址中使用中文作为的参数的情况，这种情况下，一般都需要正确的设置和编码中文字符信息。乱码问题就此产生了，该如何解决呢？且听本文详细道来。1. 问题的引出 在Restful的服务设计中，查询某些信息的时候，一般的URL地址设计为： get /basic/service? keyword=历史 ， 之类的URL地址。 但是，在实际的开发和使用中，确是有乱码...

BootStrap Datetimepicker 汉化的实现代码

2017-02-15 69
页面引用：$（"input[name=date-range]"）.daterangepicker（{"applyClass" : "btn-sm btn-success","cancelClass" : "btn-sm btn-default",locale: Config.daterangepicker_locale.zh_CN}）;daterangepicker汉化/** * daterangepicker locale */daterangepick...

BootStrap Datepicker 插件修改为默认中文的实现方法

2017-02-15 125
bootstrap-datepicker 是一个非常优秀的时间选择插件，默认是英文显示日期的，通过下面几个小修改让其支持默认中文1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存2、增加 cn 语言选项var dates = $.fn.datepicker.dates = {en: {days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Frid...

Vue.js 2.0窥探之Virtual DOM到底是什么？

2017-02-15 57
Virtual DOM是什么？在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的，就要先认清这几个概念：1.更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面，浏览器已经做了一些工作，以找到DOM节点进行更改，例如：document.getElementById（"myId"）.appendChild（myNewNode）;在现代的应用中，会有成千上万数量个DOM节点。所以因更新的时...

JS实现的数字格式化功能示例

2017-02-15 64
本文实例讲述了JS实现的数字格式化功能.分享给大家供大家参考，具体如下：<！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"><head><met...

JavaScript轻松创建级联函数的方法示例

2017-02-15 50
一、级联函数是什么？在一行代码上，调用一个接一个的方法。这种技术在 JQuery 或者其他 JavaScript 库中是非常常见的。代码如下：$（"#myDiv"）.fadeOut（）.html（"帅哥, 你好！"）.fadeIn（）;或者：myStr1.replace（"k", "R"）.toUpperCase（）.substr（0,4）; 这种代码让我们能像阅读文字一样来阅读代码，不仅简洁，可读性强更便于维护，提高开发效率。那怎么用呢？要使用级联函数，...

bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法

2017-02-15 56
异步请求var postData = {"env_name" : new_env_name,"env_url": new_env_url,"env_desc" : new_env_desc }; $.ajax（{type: "POST",url : "/test_env_add/",data : postData,dataType : "json",success : function（data）{ $（"#table_test_env"）.dataTab...

BootStrapValidator初使用教程详解

2017-02-15 70
bootstrap：能够增加兼容性的强大框架.因为项目需要数据验证，看bootstrapValidator 还不错，就上手一直，完美兼容，话不多说。bootstrapValidator的github地址 需要引用css：bootstrap.min.cssbootstrapValidator.min.cssjs:jQuery-1.10.2.min.jsbootstrap.min.jsbootstrapValidator.min.js以上这些都是必须的。先上个...

js仿QQ邮箱收件人选择与搜索功能

2017-02-15 70
之前因为项目开发需要，对于收件人选择与搜索的js实现，整理如下：页面截图：主要html代码：<#--左侧--><div> <label>To:</label> <div id="divtxt" class="mailtxt_div"></div> <input type="hidden" name="messName" id="messName"/> <input t...

详解angularjs结合pagination插件实现分页功能

2017-02-15 93
angularjs与pagination插件可以完美实现前端的分页，筛选，搜索等功能，前提当然需要有后台开发配合，今天我们只说前端实现：1、引入pagination插件，在angularjs引入之前先加载pagination插件；2、在定义controller的时候，需要注入pagination插件；3、分页前端原理基本需要有个默认异步请求，当点击分页，再次请求数据并向后台发送当前页码，如果有搜索数据或者筛选数据功能，在发送请求的同时需要带上与后台开发共同...

jQuery排序插件tableSorter使用方法

2017-02-15 72
本文实例为大家分享了jQuery排序插件tableSorter的使用方法，供大家参考，具体内容如下1.先引两个js<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script><script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>...

简单的vue-resourse获取json并应用到模板示例

2017-02-15 50
不说废话上代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>vue js</title><style>.completed {text-decoration: line-through;}.something {color: red;}</style></head>...

jQuery html表格排序插件tablesorter使用方法详解

2017-02-15 67
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script><script type="text...

用jQuery旋转插件jqueryrotate制作转盘抽奖

2017-02-15 65
本文实例为大家分享了jQuery旋转插件jqueryrotate制作转盘抽奖的具体代码，供大家参考，具体内容如下原文链接：js HTML5 Canvas绘制转盘抽奖下载地址：jqueryrotate<！DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"/> <meta name="viewport" content="width=devi...

angularjs实现的前端分页控件示例

2017-02-15 53
前言：之前写个一个jQuery的分页显示插件，存在许多的bug，现在由于业务需要，学习的一点AngularJS，重新用angularjs实现了这个分页插件实现效果图：（效果图是加上了bootstrap的css文件）用法：angular-pagination.js代码：/** * angularjs分页控件 * Created by CHEN on 2016/11/1. */angular.module（"myModule", []）.directive（"...

BootStrap select2 动态改变值的方法

2017-02-15 63
1,selec2动态赋值var temp=JSON.stringify（{ id: "1|所有停车场", name: "所有停车场" }）;$（"#e_pid"）.attr（"value", tempP）;$（"#e_pid"）.select2（{placeholder: "查找停车场名称（多选）",language: "zh-CN",minimumInputLength: 1,allowClear: true,multiple: true,ajax: {...

js实现短信发送倒计时功能（正则验证）

2017-02-15 62
本文实例为大家分享了js短信发送倒计时的具体代码，供大家参考，具体内容如下<div class="login"><form action="" method="post"><div class="login-box"><p class="pho-0 pho"><img class="" src="img/icon_002.png"><input type="number" placehold...

js实现PC端和移动端刮卡效果

2017-02-15 57
本文实例为大家分享了js刮卡效果的具体代码，供大家参考，具体内容如下效果图：具体代码：<！DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>小月博客刮刮...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图