通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。 这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达指定区域（控制台）后，元素被插入控制台后，原来的拖动元素返回原位置，新的元素依然可以在控制台中拖动，也能拖出控制台。 在这个demo中一个用三个模块，...
本文实例讲述了jQuery实现左侧导航模块的显示与隐藏效果。分享给大家供大家参考，具体如下： 1.效果如图所示：2.html代码： <div class="content_left"><div class="global_module news"><h3>最新动态</h3><div class="scrollNews" ><ul><li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li><li><a href="#" class="tooltip" title="秋装百搭小马甲不到50元.">秋装百搭小马甲不到50...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块...
本文实例讲述了jquery使用slideDown实现模块缓慢拉出效果的方法。分享给大家供大家参考。具体分析如下： 下面的JS代码通过按钮控制指定的区域缓慢拉出显示的效果 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){$("#flip").click(function(){$("#panel").slideDown("slow");}); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:...
AMD 模块 AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳，包括jQuery（1.7）。 RequireJSRequireJS是...
注：本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块 代码如下:define(function () { //这里放置jquery代码 把你喜欢的jquery版本放进来就好了 return $.noConflict();}); 调用方法：这样引进就可以像以前一样使用jquery 代码如下:define(function (require, exports, module) { var $ = require(./js/jquery); // $(document).ready(function () { // $("tr").wyhinterlaced({ "odd": "red", "even":...
当一个页面内容很长的时候，侧边栏栏目可能显得太短，当窗口滑动到靠下的位置，则侧边即失去了展示内容的机会。很多新闻资讯类网站如新浪、网易、CSDN等，会在边栏的右下角以固定的小弹窗形式，以提供更多的内容展示方式，但这并不适合博客和web2.0风格的网站。 现在很多的独立博客和网站如人人网等，都使用了让侧边栏模块随滚动条滑动而位置固定的效果。就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较...
jQuery在1.5引入了Deferred对象（异步列队），当时它还没有划分为一个模块，放到核心模块中。直到1.52才分割出来。它拥有三个方法:_Deferred， Deferred与when。 出于变量在不同作用域的共用，jQuery实现异步列队时不使用面向对象方式，它把_Deferred当作一个工厂方法，返回一个不透明的函数列队。之所以说不透明，是因为它的状态与元素都以闭包手段保护起来，只能通过列队对象提供的方法进行操作。这几个方法分别是done(添加函数)...
后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。 虽然事件模块代码很难读，但其提供的API接口还是很清晰的。如下 1 添加事件(bind/one/live/delegate/hover/toggle) bind 基本的添加事件函数。 one 添加只执行一次的事件函数。 live 事件代理（使用document代理）。 delegate 事件代理（使用指定元素代理）。 hover 模拟css的hover。 toggle 显示/隐藏。 bind/one/live 都是使用内部的jQuery.event.ad...
从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下： 1 内容持续滚动； 2 新微博将下面的微博先推下去，然后淡入进来； 3 鼠标经过内容暂停滚动； 4 容器底部渐变消失在背景色下。 上述4个需求之中，需求1-3为js技术实现，需求4为css技术实现，下面逐个需求来讲。 需求1和需求2：内容持续滚动的需求有些类似前一篇文章《小模块：公告滚动并暂停》中介绍的功能，在那篇文章中，此功能使用cs...
Layui中内置了jquery只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了jquery，它并不会重复加载。内置的jquery模块去除了全局的$和jQuery。这是layui文档中的描述，它内置了jq，但是去除了全局的$和jQuery对象，也就是在window的全局对外接口被删除了。拖拽组件的实现假设siam.js是一个扩展，里面提供了一个类似这样的方法<div id=test>原始内容</div><script src="https://cdn.bootcss.com/jquery/3....
样式操作模块可用于管理DOM元素的样式、坐标和尺寸，本节讲解一下尺寸这一块 jQuery通过样式操作模块里的尺寸相关的API可以很方便的获取一个元素的宽度、高度，而且可以很方便的区分padding、border、 margin等，主要有六个API，如下:heihgt(size)、width(size) ;获取第一个匹配元素的高度、宽度，或者通过调用.css(name,value)方法来设置高度、宽度。 size可以是字符串或者数值 innerHeight()、innerWidth() ;获...
说我有这个模块,我想让它自初始化并附加到它的作用域.像这样：(function( scope ) {var Module = (function() {return {init: function(){console.log('Initialized');}};})();var module = scope.Module = Module;module.init(); })( self );现在的问题是,自我永远是窗口.我不要我希望它成为jQuery的$.getScript()调用和加载它的范围,如下所示：var Master = (function($) {return {init: function() { var self = this;$.getScri...
(我应该事先澄清一下：我的问题是关于Java语言中的闭包和客户端模块模式的.不是关于如何使用jQuery.noConflict()的.) 我有一些人们可以添加到其网站的Javascript.我希望自己的代码可以访问$变量,该变量解析为特定版本的jQuery,而该版本与页面加载的内容无关.如果我所有的代码都在我定义的闭包中的单个文件中,则这很容易.但是我正在努力寻找一种干净的方法来使用模块模式来实现此目的,其中我的代码位于单独的闭包中. 背景(即不是问题...