mrdu_somefun的博客

选项卡：是一种能提供给用户在同一个页面切换不同内容的ui。尤其是在页面布局紧凑的页面上。 使用table $('#tabs').tabs(); tabs外观选项和方法 HTML文件： divid="tabs"> ul> li>ahref="#tab1">tab1a>li>当点击此按钮是，显示tab_content1内容，采用

lang="en"> charset="utf-8"> 百叶窗特效（Blind Effect）演示 rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> #toggle { width: 100px; height: 100px;

_createWidget: function( options, element ) {         element = $( element || this.defaultElement || this )[ 0 ];         this.element = $( element );         this.uuid = uuid++;         this.even

jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。其安装方式与大部分 jQuery 插件的安装方式类似，jQuery UI 的小部件是基于 部件库（Widget Factory） 创建的，小部件库提供了通用的 API。所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。本教程将通过 进度条（pr

jQuery UI vs EasyUI 几个ＵＩ框架的比较k: 目前工作中可能会常用到几个ＵＩ框架，如 Ext: http://docs.sencha.com/ext-js/4-1/#!/example 感觉其过于复杂，性能不高，所以一直没有在项目中实践过。 YUI: http://yuilibrary.com/ Yahoo开发的一套ＵＩ框架，可惜不是基于jQuery的。 jQ

今天看某公司的网页，其中有个筛选条件是选择一个时间区间，从而选择出符合条件的项。什么也不说了，先看图左边的输入框，点击具体的日期，这里我选择的是2017-3-9，然后右边的输入框就只能选择这个日期以后的了，这点还是非常的人性化的，然后我就追根溯源，找到了这是Jquery Ui的组件。datapicker，这里就不详细的介绍了，菜鸟教程一大堆。我就简单的说一下用法： 　　 1

>   html>   head>   meta charset="UTF-8">   title>Insert title heretitle>   link rel="stylesheet"       href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">   script src="ht

这个可以算是jquery ui的一个bug，至少说是一个处理逻辑很不到位的地方，导致了tabs和标签冲突  原理分析：  tabs初始化构造的时候，对构造函数先对选项卡的href属性进行分析，以是否#开头为依据，会有两种不同的处理方式。  如果不是#开头的href，这个href会被作为一个url去访问服务器，然后返回的数据当作选项卡的内容。  以#开始的则把去掉#之后的部分，拿去跟某个di

最近项目中使用了一些插件来做页面，这里把jQuery UI的使用分享出来，希望 对新手有帮助。 1 jQuery UI        　　有时你仅仅是为了实现一个渐变的动画效果而不得不把javascript 重新学习一遍然后书写大量代码。直到jQuery的出现，让开发人员从一大堆繁琐的js代码中解脱，取而代之几行jQuery代码。现今，jQuery无疑已成为最为流行没有之一的JavaSc

有一需求为计算[成绩]列中所有数据之和 function count() {      var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行      var total = 0;      for (var i = 0; i         total += rows[i]['SCORE']; //获取指定列      }      a

$(function(){         $('#dg').datagrid({             title:"投票列表",             url:'dept.action',     //远程请求数据的url路径             pagination:true,             //显示底部分页栏             pageSize:15,  

博主的职位是java后台开发的，但是由于在公司也要负责一些前端页面的开发，所以也有接触到一些前端的框架。 由于博主才工作不到一年，积累经验并不是很多，因此，本文只介绍三个框架：BUI、Swiper和Bootstrap。另外，这些框架绝不是一篇博客就可以讲述清楚的，因此本主要以介绍为主，不过对于每个框架都会配有一个实例讲解，因此还是值得一读的。 一、BUI框架 1.1、BUI介绍 BUI 是