快乐八哥-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

快乐八哥

专栏成员

119

文章

182435

阅读量

40

订阅数

使用jQuery封装实用函数

一、引言项目开发中，前端会有一个辅助工具类的js文件，比如cookie的操作，团队成员自己封装的方法。大多数时候，我们开发人员自己都是写一个全局函数，不考虑后期维护人员也会写相同的代码，然后造成代码之间的冲突。之前维护的一段代码如下： var g=function(id){ return document.getElementById(id); }; var $$=function(id){ return document.getElementById(id); }; g("testdi

2018-01-18

1.3K0

使用jQuery的animate方法制作滑动菜单

周末看Ziv小威的博客《制作滑动条菜单，如何延时处理滑动效果，避免动画卡顿》，参见地址：http://www.cnblogs.com/zivxiaowei/p/3462964.html。是通过jQury的animate方法来写的一个交互效果，当然他觉得动画有一些卡，所以他用延时处理的方法，避免动画卡，方法可以值得借鉴。我自己用hover方法，然后动画时间设置的更短，为100毫秒，动画运行起来，速度还行。正好自己最近需要完成一个系统的导航条的滑动效果，具体是说，hover上导航条的一个选项，此时有一个背景

2018-01-18

1.9K0

手动实现jQuery Tools里面tab功能

平时开发中用的Javascript类库都是jQuery，用到插件或者第三方类库能从jQuery Tools里面找到，基本不用其他的。当然有时同事喜欢使用jQuery UI里面的插件。并且jQuery Tools里面的插件和jQuery UI里面的插件还会出现冲突。这个事情就不舒服了。不过基本开发之前就确定好用哪个类库，免得后期开发中因为冲突的增加，增加项目的开发周期和开发成本。当然如果你掌握好jQuery Tools里面的插件，有些功能和效果很快就开发好了。之前一个项目，就只使用了jQuery Tools里

2018-01-18

1.4K0

使用jQuery Draggable和Droppable实现拖拽功能

上篇博客中已经介绍了web开发中基本拖放原理，现在给出需要完成的功能。最后运行的效果如下图所示：主要功能需求说明： 1.左侧的元素结构最后会通过Ajax call服务器的数据来生成，能支持多级元素。

2018-01-18

2.8K0

使用jQuery UI的draggable和droppable完成拖拽功能--介绍

第一部分--拖拽介绍在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，使用到2个或3个数就足够了。太多了树形结构对于用户来说，也非常复杂。个人推荐不是非常复杂的需求都可以考虑使用zTree，因为

2018-01-18

2.2K0

让jQuery Tools Scrollable控件在Mobile Web里面支持resize功能

项目中有两份代码，一份是Main Site，一份是Mobile Site.Main Site里面主页使用到jQuery Tools Scrollable功能，让多张图片循环显示。但是这个功能移植到Mobile Site中，出现了一些问题。因为本身要实现scrollable功能，必须有特定的html结构和css。然后调用scrollable()方法才能实现这个功能。一个基本scrollable实现代码可以参考jQuery Tools的官方文档。参考地址：http://jquerytools.org/demo

2018-01-18

7670

jQuery Tools Scrollable使用的限制

jquery html ajax

在现在很多项目中，都会使用到jQuery Tools中scrollable。特别对于显示Photo Gallery,当然目前国内国外都有第三方非常优秀的的类似jQuery Tools。这是一个基本demo地址：http://jquerytools.org/demos/scrollable/index.html 项目中使用了3个Tab，简称TabA，TabB，TabC，每个Tab下面对应一张图片，图片上有很多hot point，用户点击hot point之后，显示一个overlay。上面的图片是使用Scrol

2018-01-18

1.3K0

jQuery.unique引发一个血案

项目开发过程中，PM说系统只要在一个特定的浏览器中运行就好，但是在其他的浏览器中不能出现逻辑的错误，所以在开发过程中，前端和后台选择是Chrome浏览器，没有仔细测试Firefox和IE。但是昨天PM反映了一个bug，是浏览器兼容性bug，在Chrome浏览器下工作正常，但是在IE浏览器不报错，但是逻辑是不对的。剔除复杂的业务逻辑，代码精简如下： <html> <head> <meta charset="utf-8"/> <script type="

2018-01-18

6910

解决Select2控件不能在jQuery UI Dialog中不能搜索的bug

jquery ui jquery

本文使用博客园Markdown编辑器进行编辑 1.问题呈现项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。效果截图

2018-01-18

1.5K0

jQuery UI Datepicker使用介绍

jquery markdown

本博客使用Markdown编辑器编写在企业级web开发过程中，日历控件和图表控件是使用最多的2中第三方组件。jQuery UI带的Datepicker，日历控件能满足大多数场景开发需要。本文就主要讨论jQuery UI Datepicker的使用，和中文本地化配置。 1.jQuery UI介绍 jQuery UI是一套基于jQuery控件和动画效果Javascript类库。可以用来构建交互式的互联网应用程序。最新版本1.10.4.基于jQuery 1.6+ jQuery UI官方网站 2.jQuery

2018-01-18

1.8K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态