jQuery
jQuery Mobile中如何动态加载或执行脚本
jQuery Mobile是我新的项目中要用到的移动端框架，之所以要使用它，仅仅是因为它的兼容性很好，页面之间的轮转及其优雅。但是jQuery Mobile的UI我并不喜欢，因此又引入bootstrap。在开发中发现，因为JQM采用ajax的方法加载链接到的页面，所以无法像我们之前的设计 一样，把不同页面的脚本放在head之间，即使将这些脚本转移到body之间，也可能造成一些代码无法执行。本文简单... 继续阅读 »
jQuery瀑布流无限拖三大利器：masonry+imagesloaded+infinitescroll
瀑布流已经是几乎过时的技术了，不过对于很多想要快速实现它的朋友而言，却绝非易事，因为即使我们已经有很多现成的代码，却发现在自己的开发环境中无法快速得到自己想要的结果。就像我们现在要介绍的三大利器（masonry+imagesloaded+infinitescroll）即使它们是如此有效，却在马上要使用的时候让我们拿着如烫手山芋班很难真正达到我们想要的效果。 下面，我们从其原理来讲解它们的使用，以帮... 继续阅读 »
jQuery ajax无法获取返回的html数据节点用在append中
在我的一些开发中发现，使用jQuery.ajax无法获取success:function(data)中$(data)的对象，虽然在一些$.ajax的案例代码中，我们使用官方提供的api代码方式进行抓取数据，希望通过$(data)对返回的数据对象化，然而，有的时候你会发现$(data).find('#test')将是无效的，这是我的亲身体验。 解决这个问题的办法有些显得在利用hook，但明显可以解决... 继续阅读 »
jQuery fixedwidget跟随屏幕滚动插件，轻松解决跟随屏幕滚动区域
在此之前，我已经在jquery跟随屏幕滚动代码和跟随滚动条上下滚动的浮动块两篇文章中做了阐述，特别是第一篇文章，对滚动过程中一些需要计算的部分进行深入的剖析。本文建立在这篇文章的剖析之上，为你创建一个基于jQuery的跟随屏幕滚动插件，让你可以快速实现这一效果。 跟随滚动逻辑的简单回顾 让我们来简单回顾一下浮动块是怎么跟随滚动的。 上图中浅白色的区域是屏幕可视区域，绿色为要跟随滚动的区域，那么上图... 继续阅读 »
jQuery ajax无限拖翻页，翻特定页数后显示翻页导航
我们发现美丽说、花瓣网都是无限拖的翻页效果，用户拖动似乎永不停止，这对于女性比较适合，但并不适合所有用户，特别是男性用户，并不喜欢没有止境的工作。因此，什么值得买的翻页加载方式更令人喜欢，即往下拖动可以自动加载3-5页，然后出现翻页导航，让读者可以点击导航来实现翻页。 为此，否子戈制作了一个jQuery插件，来实现这个效果。为了让开发者了解这个插件，这里详细的讲解一下开发的思路。 一、创建一个jQ... 继续阅读 »
jQuery日期选择器插件date-input
这个jQuery插件可以帮助开发者提供一个快速的日期选择器（如下图），帮助开发者简单的实现日期选择，让使用用户无需自己填写日期就可以插入日期。 官网：http://jonathanleighton.com/projects/date-input/
简单的视差滚动（基于jquery）
视差滚动效果对于一些展示型的网页，再适用不过了。我们可以用这种效果来展示我们的产品，我们的宣传海报，甚至世界上人口迁移的历史等等。视差滚动已被广泛运用，滚动就像动画效果一样，让网页充满3D色彩。乌徒帮在之前的文章中大致介绍过视差滚动的思路，本文则把昨天玩过的一段视差滚动代码贴上分享。 视差滚动代码三部曲：HTML结构、Jquery脚本、CSS布置。 背景图片由自己准备。 一、HTML结构 为了把h... 继续阅读 »
利用jquery实现容器内的图片居中放置
在我们的一些特殊效果中，我们希望我们的一个容器内的图片在其大小溢出该容器时，能够实现塞满该容器的效果。但是一般情况下，我们很难直接实现该效果，特别是当我们发现图片的长宽和容器大小之间关系，以及缩小之后的比例关系时，就会发现这个问题不是那么简单。在此基础上，我们希望我们将图片缩小放满容器的同时，裁剪掉多余的部分，但是这张图片最好居中放置，这样访客就可以看到图片的主题部分了。 光是问题的描述，或许就让... 继续阅读 »
jQuery ajax无法获得html返回数据
在jQuery中，我们通过ajax的方法获取另一个页面内的数据，使用这些数据作为本页面的局部内容。可是在获取远端HTML数据时，有时我们发现jQuery选择器失效，这是什么原因呢？ 我们来看一下jQuery中的ajax方法的基本结构： [code lang="javascript" line="1"] $.ajax({ type : 'GET', url : 'http://' + $domain... 继续阅读 »
关于jQuery性能优化[转]
之前，我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今，我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架，使节点选择和DOM操作变得越来越容易，如果使用不当，有可能影响整个网页的响应速度，下面列举11个更有 效的使用jQuery库： 1、总是使用#id去寻找element. 在jQuery中最快的选择器是ID选择器 ($('... 继续阅读 »
