JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案

2017年02月06日 106 阅读

前些日子不是在做使用Jquery-UI实现一次拖拽多个选中的元素操作嘛，在持续完善这个组件时遇到了一个关于拖放排序的bug。今天就着图片和代码重现一下，也顺便告诉大家如何解决这个问题。首先先上图描述一下问题：先来张正常的图：如上图，整个div层被我设置了固定高度和滚动条。页面如上所示，在可排序区域（黄色列表区域）可见情况下，从左面向右边拖拽时，可以成功触发排序的操作。接着再来张bug图上图为bug触发说明图，将滚动条拖拽到底部（保证右侧可排序的黄色区域在d...

Jquery Easyui对话框组件Dialog使用详解（14）

2017年02月06日 94 阅读

Dialog对话框组件依赖于Window（窗口）组件、linkbutton 组件加载方式Class加载<div class="easyui-dialog" title="弹出框" data-options="iconCls:"icon-add",resizable:true,modal:true" style="width: 400px;height: 200px;">弹出框内容</div>JS调用加载 <div id="bo...

详解用原生JavaScript实现jQuery的某些简单功能

2017年02月06日 112 阅读

大致介绍学习了妙味，用原生的JavaScript实现jQuery中的某些部分功能定义自己的函数库lQuery$（）选择器的实现jQuery是面向对象的，所以自己编写的也要是面向对象的，看看基本的结构// 定义lQuery对象function lQuery（lArg）{}function lQ（lArg）{ return new lQuery（lArg）;}// css（）方法lQuery.prototype.css = function（）{};// ht...

如何解决jQuery EasyUI 已打开Tab重新加载问题

2017年02月06日 72 阅读

先给大家说下我的需求，如下：点击左侧已经打开的tab可以刷新重新加载datagrid。也就是说解决easyui 左侧tab重新刷新加载问题实现。实现如下：function addTab（subtitle, url） { if （！$（"#tabs"）.tabs（"exists", subtitle）） { $（"#tabs"）.tabs（"add", { title : subtitle, content :<span style="font-fam...

详解Jquery的事件操作和文档操作

2017年02月06日 143 阅读

对于熟悉前端开发的小伙伴，相信对于Jquery一定不陌生，相对于JavaScript的繁琐，Jquery更加的简洁，当然简洁不意味着简单，我们可以使用Jquery完成我们想要实现全部功能，这里为小白们分享一下关于Jquery的事件和文档操作，便于小白们快速上手。一、事件操作：<html> <head><title>Jquery事件操作测试</title><script src="http://ajax....

Jquery Easyui进度条组件Progress使用详解（8）

2017年02月06日 80 阅读

本文实例为大家分享了Jquery Easyui进度条组件的实现代码，供大家参考，具体内容如下加载方式Class加载<div class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>JS调用加载<div id="box" style="width: 400px;"></div><script> $（f...

BootStrap Table 获取同行不同列元素的方法

2017年02月06日 89 阅读

表格同行中存在元素的相互调用，如何保证元素能够被同行不同列的其他方框使用，方法如下：页面元素示例如下：<div id="MyTableId" class="content-main-container"><div class="panel panel-primary gd-panel" id="mywindow"> <div class="panel-heading"><b>TableNameElemnt&l...

js定时器实例分享

2017年02月06日 79 阅读

1. 设置定时器语法：setInterval（函数，时间）注意：函数书写时不能带括号setInterval（fn,1000）//正确setInterval（fn（）,1000）//错误时间的最小设置不小于14ms2. 清除定时器语法：clearInterval（所清除的定时器名称）3. 实例探究js部分window.onload = function（） { var timer = null; var num = 0; var i = 0;var arr=...

深入了解JavaScript的逻辑运算符（与、或）

2017年02月06日 75 阅读

十二月已经过半，冬季是一个美妙的季节，寒冷的空气逼得人们不得不躲在安逸舒适的环境里生活。冬季会给人一种安静祥和的氛围，让人沉浸在其中，仿佛是一个旧的阶段的结束，同时也是一个新的阶段的开始。这么说来，西方和中国的圣诞节和春节都选择在了冬季也不是没有道理，在一年中最寒冷的时候，人们拥簇在温暖的环境里，彼此诉说着过去一年里自己的成就，展望着新的一年里美好的愿望，相互挂念的人团聚，天气的寒冷和人情的温暖形成了强烈的对比。而在天寒地冻之中，仿佛更有利于人们思考，去探...

JS简单实现表格排序功能示例

2017年02月06日 78 阅读

本文实例讲述了JS简单实现表格排序功能的方法。分享给大家供大家参考，具体如下：思路：遍历每个li，并把它们存放到数组中去，然后通过sort（）方法进行排序，再插入<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://...

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

2017年02月06日 93 阅读

很久没有更新博客了，再不写点东西都烂了。这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。业务需求：头像上传功能，要对上传的文件进行剪切，且保证头像到服务器时必须是正方形的。优化<input type="file">的显示样式，基础的样式实在太难看了。上传的头像需要进行质量压缩跟大小裁剪，以减缓浏览器的压力。成果预览：使用到的技术插件Jcrop：用于前端“裁剪”图片bootstrap-fileinput：用于前端优化上传控件样式ART...

详解为Angular.js内置$http服务添加拦截器的方法

2017年02月06日 91 阅读

前言在Angular框架中,创建团队为使用者进行了Ajax请求的封装,并通过$http服务暴露出相关的接口.Angular在其官方文档中指出, $http服务底层针对Web常见的安全攻击做出了相应的对策,也就是说使用$http服务封装的Ajax为使用者提供了更为安全的保障.作为一个框架,保证框架的可用性,适配性是很有必要的. Angular在设计,实现中也体现出来了这样的良好风格.我们通常在使用Ajax时,有时候希望我们能够在请求发起前或接收到请求后做一些...

JS基于面向对象实现的拖拽功能示例

2017年02月06日 80 阅读

本文实例讲述了JS基于面向对象实现的拖拽功能。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><style>#div1 {width:100px; height:100px; background:red; position:absolute;}#div2 {width:100px; height:100px; background:yel...

AngularJS 在同一个界面启动多个ng-app应用模块详解

2017年02月06日 69 阅读

AngularJS默认在一个html界面中只启动一个ng-app 模块，而且是界面中第一次出现的那个使用 ng-app 声明的模块，该问题可以通过查看AngularJS源代码或者是文档验证。解决方案：直接上代码，如果有兴趣了解其中缘由，可以选择阅读后面的部分；<！DOCTYPE html><html><head lang="zh_CN"> <meta charset="UTF-8"> <title>...

解决Angular.Js与Django标签冲突的方案

2017年02月06日 77 阅读

前言大家应该都知道，Django和Angular的模板系统使用了非常相似的标签系统，比如说，都是使用{{ content }}表示变量名字。所以Django和Angular配合使用的时候，会引起冲突。我在网上找到了一些解决方法。现在总结后分享给大家，下面来一起看看吧。一、改变AngularJs的默认标签下面的代码可以将Angular原来的标签改成{[{ content }]} 。修改Angular的标签myModule.config（function（$...

JS基于面向对象实现的选项卡效果示例

2017年02月06日 79 阅读

本文实例讲述了JS基于面向对象实现的选项卡效果。分享给大家供大家参考，具体如下：中间过渡环节：把面向过程的程序，改写成面向对象的形式<html xmlns="http://www.w3.org/1999/xhtml"><head><style>#div1 input {background:#CCC;}#div1 .active {background:yellow;}#div1 div {width:200px; he...

jQuery常见的选择器及用法介绍

2017年02月06日 80 阅读

选择器的意义就是将众多html代码中准确的找出我们想找的单元。接下来将常见的选择器以及作用列举出来。基本选择器$（"#test1"）.css（"background" , "gray"）;可以找到id = test1的单元。$（"p"）.css（"background" , "blue"）;所有的P标签都会被选中。 $（".test2"）.css（"background" , "green"）;Class = test2的单元全部被选中。 $（"*"）.c...

CSS+jQuery实现简单的折叠菜单

2017年02月06日 68 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html> <html> <head> <title>折叠菜单</title> <style> body{ background:grey; font-family:Microsoft Yahei; color:white; } .types a{ text-decoration:none; color:white...

JS高级运动实例分析

2017年02月06日 85 阅读

本文实例分析了JS高级运动。分享给大家供大家参考，具体如下：一、链式运动框架1.他需要一个回调函数，在运动停止时，开始下一次运动（执行函数）多物体运动框架改为如下：function startMove（obj,attr,iTarget,fn）{...if（iCur==iTarget）{clearInterval（obj.timer）;fn（）;}...};然后就可以用它，比如先变宽再变高最后变透明度startMove（this,"width",300,fu...

js多个物体运动功能实例分析

2017年02月06日 72 阅读

本文实例分析了js实现的多个物体运动功能。分享给大家供大家参考，具体如下：与单个的区别：得知道哪个在动，所以运动函数需要两个参数，出了目标iTarget之外，还要obj。另外需要多个计数器，否则当一个还没运动完就移入另一个物体会发生卡壳window.onload=function（）{var aDiv=document.getElementsByTagName（"div"）;var timer=null;var i;for（i=0;i<aDiv.le...

首页 / 脚本样式 / JavaScript

jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案

Jquery Easyui对话框组件Dialog使用详解（14）

详解用原生JavaScript实现jQuery的某些简单功能

如何解决jQuery EasyUI 已打开Tab重新加载问题

详解Jquery的事件操作和文档操作

Jquery Easyui进度条组件Progress使用详解（8）

BootStrap Table 获取同行不同列元素的方法

js定时器实例分享

深入了解JavaScript的逻辑运算符（与、或）

JS简单实现表格排序功能示例

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

详解为Angular.js内置$http服务添加拦截器的方法

JS基于面向对象实现的拖拽功能示例

AngularJS 在同一个界面启动多个ng-app应用模块详解

解决Angular.Js与Django标签冲突的方案

JS基于面向对象实现的选项卡效果示例

jQuery常见的选择器及用法介绍

CSS+jQuery实现简单的折叠菜单

JS高级运动实例分析

js多个物体运动功能实例分析