jqury-bootstrap
w2222288
这个作者很懒,什么都没留下…
展开
-
Bootstrap简单HelloWorld入门教程
目录(?)[-]基本的HTML模板引入twitter bootstrap文件Twitter Bootstrap的容器标题和导航主内容和侧边栏侧边栏导航结论这篇教程旨在让你在20分钟内学会使用twitter bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面,了解栅格系统,并且能够使用bootstrap导航、导航转载 2015-04-24 09:36:57 · 2124 阅读 · 0 评论 -
dataTables-使用详细说明整理
本文共四部分:官网 | 基本使用|遇到的问题|属性表一:官方网站:[http://www.datatables.net/]二:基本使用:[http://www.guoxk.com/node/jquery-datatables]1、DataTables的默认配置$(document).ready(function() {$('#example').dataTabl转载 2015-04-28 16:53:46 · 497 阅读 · 0 评论 -
Jquery的DataTable插件AJAX服务器分页的的学习心得
首先得先引入对应的js1、jquery.min.js 首先导入2、 File: jquery.dataTables.min.jsVersion: 1.9.4 这是我使用的版本这是 jsp 页面关键的table 代码view sourceprint?01.<table id="fuck" class="table转载 2015-04-28 15:55:28 · 8068 阅读 · 2 评论 -
jQuery.validate 中文API
(HappyCZX) 名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的转载 2015-05-14 11:15:27 · 424 阅读 · 0 评论 -
jquery validate.addMethod 正则表达式 (自定义验证方法)
项目中使用的jQuery添加的校验的方法$(document).ready(function(){ 5 6/* 设置默认属性 */ 7$.validator.setDefaults({ 8 submitHandler: function(form) { 9 form.sub转载 2015-05-14 11:38:04 · 566 阅读 · 0 评论 -
bootstrap的datepicker控件使用心得
公司喜欢使用各种开源免费的框架,bootstrap就非常好用,而且框架布局很漂亮,用起来也很简单。今天遇到要使用它的datepicker这个控件。问题是:两个时间点,分为开始时间和结束时间,结束时间必须在开始时间之后。于是一顿研究,从上午研究到3点才解决问题。总结了一下问题所在。主要原因是项目里用的jquery,也用了jquery ui,碰巧它里面也有一个datepicker,名字一模一样转载 2015-05-20 12:03:11 · 3563 阅读 · 0 评论 -
js 重写 bootstrap 样式 alert/confirm 消息窗口 - cnhxz
相信很多人都受够了 alert、confirm 的样子,最近正在用 bootstrap 做项目,顺便封装了一个 bootstrap 样式的消息框。实现起来很简单,bootstrap 本身就自带了 modal 模态框,样子还不错 :)就把它封装一下用吧。无码无真相,少说多做,上代码。项目是Asp.net Mvc架构的,方便全局调用,我直接在全局 Layout 页面加上以下HT转载 2015-05-15 10:32:49 · 5128 阅读 · 2 评论 -
select2 bootstrap 简单使用
今天无意发现bootstrap 中的下拉列表样式很好看,而且支持模糊查找.于是想研究看看发现使用select2插件官网http://ivaynberg.github.io/select2/index.htmlConstructorParameter Type Descriptionwidthstring转载 2015-05-18 17:59:20 · 5342 阅读 · 0 评论 -
JS错误:Uncaught SyntaxError: Unexpected token ILLEGAL
$('tbody', '#' + tableId).append('xxx');用js的onmouseover鼠标事件动态改变背景色如果是this.style.backgroundColor=#eeeeee将出现Uncaught SyntaxError: Unexpected token ILLEGAL错误 未捕获的SyntaxError:意外的非法标记原创 2015-06-01 11:25:26 · 955 阅读 · 0 评论 -
(局部刷新)jquery.ajax提交并实现单个div刷新
web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的。jsp页面ajax代码如下:$("#waitWork").click(functi转载 2015-04-30 11:45:40 · 29202 阅读 · 4 评论 -
Div里面载入另一个页面的实现(取代框架)(AJax)
随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任DIV+CSS在页面部局确实也很让人满意,使用也更方便今天突然遇到一个问题,那就是需要导入另一个页面显示在当前页的Div里面我当然可以用iFrame啥的,不过那不是我想要的方法在网上查了半天,方法也很多,不过有不满意的地方,因为多数都会用JQuery呆会在下部分转载 2015-04-30 11:53:16 · 886 阅读 · 0 评论 -
Ajax动态滚动加载数据(第一版)
看新浪微博,人人网都有这样的效果:滚动条滚动到最下面的时候,新的数据就被自动加载出来了,今天亲自尝试了一下这个效果的实现。核心代码更新:[javascript] view plaincopy$(window).scroll(function(){ // 当滚动到最底部以上n像素时, 加载新内容 if ($(转载 2015-04-29 12:08:48 · 454 阅读 · 0 评论 -
在eclipse下使用bootstrap引用的一些问题
我之前利用了bootstrap做了一段时间的开发,由于之前的框架都是别人给我搭好的,我只负责界面的具体实现。后来自己去网站下载了相应的文件,而后把相关的css及js导入后,发现最简单的按钮都起不了效果,但是慢慢的对比了一下之前的项目,发现有些小东西值得去记住的。myFirstBootstrapDemo.jsp<%@ page language="java" cont转载 2015-04-24 09:44:54 · 7290 阅读 · 0 评论 -
jQuery Datatable 自定义列
jQuery Datatable是一个很强大的表格工具,其实大家可以参考Datatable官方网站来查看具体的实例以及他对应的API。在此我们不去讲解如何实现后端的分页、排序、查找,本文重点讲解如何对Datatable中的表格内容进行操作,包括改变他的样式、增加一列非数据列以及非数据列传递主键参数。首先,我们来定义我们的数据,本文就不去通过后端代码实现数据传递,就直接通过一个数转载 2015-04-21 09:14:08 · 4054 阅读 · 0 评论 -
Jquery DataTable基于Twitter Bootstrap的样式配置和demo下载
用Jquery DataTable很久了,Jquery DataTable是一个很不错的表格插件。1、功能强大,支持分页、服务器分页、表头表格等样式自定义2、支持jedit等其他Jquery插件3、支持ajax、dom、json等数据源;4、众多使用者的实例代码等等。更多请参考:[Jquery插件DataTable的使用问题总结] [Jquery Da转载 2015-04-16 16:49:55 · 2721 阅读 · 1 评论 -
jQuery Datatable 实用简单实例
目标:使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求。同时,jQuery Datatable强大的功能支持:排序,分页,搜索等。Query Datatable能良好支持数据完全加载到本地后构建数据列表,排序、分页、搜索等功能就会自带,不需要我们去关心,在此主要说明通过后台动态的加载数据,已达到在大数据面前提高效率的转载 2015-04-21 09:10:46 · 559 阅读 · 0 评论 -
20分钟打造你的Bootstrap站点
特别声明:此篇文章由白牙根据Leon Revill的英文文章原名《Twitter Bootstrap Tutorial – Up and running with Twitter Bootstrap in 20 Minutes》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.revillwebdesi转载 2015-04-21 13:55:05 · 840 阅读 · 1 评论 -
jQuery.Validate验证库
1、下载jquery.validate默认校验规则复制代码代码如下:(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:tru转载 2015-04-26 17:25:54 · 445 阅读 · 0 评论 -
Ajax动态滚动加载数据(第二版)
看新浪微博,人人网都有这样的效果:滚动条滚动到最下面的时候,新的数据就被自动加载出来了,今天亲自尝试了一下这个效果的实现。最开始在CSDN上写了一版,功能比较简单,今天又增加了一个小功能:翻页到指定页数后,自动停止。用户点击继续查看后,再继续滚动。看看实现吧:更新核心滚动代码: $(window).scroll(function(){ // 当滚动转载 2015-04-29 12:11:42 · 573 阅读 · 0 评论 -
使用jquery ajax代替iframe
大家在实际编写网页时可能会遇到网页中需要嵌套网页的情况,这时候通常想法就是通过iframe标签。但实际用过的人都知道其有种种的不方便,比较直观的问题就是iframe的自适应高度,这也是处理起来比较麻烦的问题,随便百度下都是一大串的代码。iframe貌似还有个重大的缺点,那就是搜索引擎的“爬虫”程序无法解读这种页面,当“爬虫”遇到多个页面嵌套的网页时只看到框架却找不到链接,然后认定此网站是死转载 2015-04-29 15:26:41 · 2105 阅读 · 0 评论 -
Jquery的html方法里包含特殊字符的处理
在使用jquery的html()方法时,有时候里面添加的html代码含有一些特殊字符,需要进行转义。如下例子:inst_html = "inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');"; inst_html += "' "; $("#inst_div_"+valId).html(i转载 2015-06-01 11:50:05 · 704 阅读 · 0 评论