本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
JqueryUI Resizable 几个场景的问题及解决
jQueryUI确实是很方便的前端UI控件,本文只介绍一些resizable功能的使用心得。
官网地址:http://jqueryui.com/resizable/
功能的需求是,在一个列表页面,点 ...
jQuery UI 教程之三 ——jquery ui datepicker的使用
jquery ui很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。
这篇文章我们就来说说 jquery ui datepicker 的使用。
DatePicker基本使用方法:
文件引入
1.<link?href="http://ajax.googleapis.com ...
jquery ui(六)拖动排序 sortable
jquery ui 的另一个强大的功能就是拖动排序,也就是通过鼠标的拖到,实现对一些元素的排序。废话少说,用实例说话。
一、简单的实例
下面是对一组li元素进行排序的实例
1、代码
<style> //为了展示的效果更好,增加了一些css样式.sortable { list-style-
jQuery常用经典技巧
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象 ...
jqueryui之autocomplete
作者:zccst(转)
JQuery UI 是以 JQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件,这些控件主要包括:Accordion,Autocomplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等,其中Auto ...
JqueryUI引入web工程路径注意
jsp页面引入例子:
<link rel="stylesheet" href="./css/jquery.ui.all.css" />
<script src="./js/jquery-1.9.1.js"></script>
<script src="./js/jquery-ui.cust ...
jQueryUI 移除当前dialog的关闭按钮
很简单,只要在open方法中加入一句代码:
$( "#loadingPageId" ).dialog({
autoOpen:false,
resizable:false,
height:90,
width:210,
closeOnEscape:false,
title:"数据处理中,请稍等......", ...
JQuery-UI日期插件datepicker
开始<input id="s_date" type="text" value="" />结束<input id="e_date" type="text" value="" />
$('#s_date').datepicker({
dateForm ...
jQuery-UI 学习笔记(二) Autocomplete
jQuery-UI 学习笔记(二) Autocomplete
1) 下载地址
http://jqueryui.com/download
2) HTML/JSP 写法
<%@ page language="java" %>
<%@ page contentType="text/html; charset=UTF-8" %>
...
两个jqueryui插件使用心得
最近用两个jquery插件: autocomplete ; combogrid 。现在总结使用过程中遇到的一些问题:
1. Jason格式,曾经花了大半天时间查文档和资料看autocomplete 怎样用后台接受数据。实际网
上很多资料并不一定适合你所使用插件的版本。只要用谷歌浏览器查看demo的数据传输格式就
行了。
2. jqueryui主题包,combogrid插件使用了jqueryui的主题 ...
jqueryUI插件中Dialog的运用
Jquery UI dialog 参数详解
这个文档网上有很多,我也是从别人那里偷来的,嘻嘻^_^,我主要是方便自己以后难得去找,另外把自己整理的一个dialog实例附上,花了我两天时间才整理出来的,坑爹啊,这下好了,以后要用就可以直接copy了,放在这上面同时也为所有辛苦奋斗的程序猿们节约时间。
1 属性
1.11 autoOpen ,这个属性为true ...
jQueryUI autocomplete 插件的live绑定等问题
最近做的一个项目用到了jQueryUI 的autocomplete插件,遇到了若干问题,记录下以便备用。
1.修改source里默认的ajax参数
官方给出的api中source的一种形式为:
function(request,response){
$.ajax({
url: "getdata.php& ...
Jquery UI sortable 所有事件
官方API地址:http://jqueryui.com/demos/sortable/
所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 ui.position - 表示相对当前对象,鼠标的坐标值对象{top,left} ui.offset ...
jQuery-UI 学习笔记(一) datepicker
jQuery-UI 学习笔记(一) datepicker
1) 下载地址
http://jqueryui.com/download
2) HTML / JSP 写法
<html>
<head>
<base href="<%=basePath%>" />
<link type="text/cs ...
JUERY UI ACCORDION动态添加MENU
http://jqueryui.com/demos/accordion/里面的例子,下图红框所示的内容都是在html页面上写死的,如果想动态显示menu的内容该怎么办呢,下面就简单介绍下:
首先就是下在jueryui,这里就不介绍了。
思路:
页面加载完成后,通过ajax向后台获取第一层的menu的数据,并将其显示在页面上,同时为每一个menu绑定一个onclick事件,然后触发accor ...