分类：jQuery

2014
11-11

jQuery中ajax post的使用

jQuery.post(url, [data], [callback], [type])概述通过远程HTTPPOST请求载入信息。这是一个简单的POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。参数url,[data],[callback],[type]String,Map,Function,StringV1.0url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式，xml,html,script,json,text,... 继续阅读 >
2014
11-11

利用响应式技术构建大规模社区网站

利用响应式技术构建大规模社区网站 移动化是未来大趋势，做任何互联网项目都必须将移动战略放在一个很重要的位置上，对于回声来说也不例外。尽管回声现阶段仍然以文字为内容主要载体，也必须充分考虑到移动端的使用场景和体验。一般来说，社区网站的移动化策略有三种：1)开发并提供原生的app；2)制作专门的移动版网站，也就是Webapp；3)采用响应式技术，用一套代码、一个网站来适配不同的终端。我们权衡再三，最后选择了采用响应式设计技术。响应式设计是最近... 继续阅读 >
2014
11-11

js去掉字符串前后空格的五种方法

第一种：循环检查替换//供使用者调用functiontrim(s){returntrimRight(trimLeft(s));}//去掉左边的空白functiontrimLeft(s){if(s==null){return"";}varwhitespace=newString("\t\n\r");varstr=newString(s);if(whitespace.indexOf(str.charAt(0))!=-1){varj=0,i=str.length;while(j<i&&whitespace.indexOf(str.charAt(j))!=-1){j++;}str=str.substring(j,i);}returnstr;}//去掉右边的空白func... 继续阅读 >
2014
11-11

jQuery中使用trigger触发click事件失效的解决办法

今天在处理jquery根据cookie是否存在而使用trigger触发元素的click事件的时候遇到这个问题，各种调试都没能找出引起问题的原因所在，后来在stackoverflow中搜索到相关问题，并用其所提到的原因解决了这个问题。整理英文原版如下：question：I'mfiguringoutwhythissimplescriptisnotworking:jQuery.noConflict();jQuery(document).ready(function(){jQuery('.next_buttona').trigger('click');});noConflict&nb... 继续阅读 >
2014
11-11

浅析jQuery删除节点的三个方法

jQuery提供了三种删除节点的方法，即remove()，detach()和empty()。测试所用HTML代码：<ptitle="选择你最喜欢的水果？">你最喜欢的水果是？</p><ul><lititle="苹果">苹果</li><lititle="橘子">橘子</li><lititle="菠萝">菠萝</li></ul>1、remove()方法$("ulli").click(function(){alert($(this).html());});var$li=$("ulli:eq(1)").remove();$li.appendTo("ul");当某个节点用remove()方法删除后，该节点所包含的所... 继续阅读 >
2014
11-11

jQuery如何阻止事件冒泡

条件：外层有一个DIV元素，在内层有一个P元素，存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。结果：这时，当我们点击内层的P标签的时候，内层元素的click事件触发，同时外层DIV的click事件也会触发。JQuery提供了三种方式来阻止事件冒泡。方式一：event.stopPropagation();方式二：event.preventDefault();方... 继续阅读 >
2014
11-11

pjax：ajax和pushState结合的js库——实现网站无刷新加载页面

上篇文章讲到如何使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合，但在具体使用中还是要考虑到很多情况的，如：1、改变内容的时候也要改变title2、不支持的浏览器如何处理3、事件如何绑定，是否使用了delegate模式4、ajax异常处理5、ajax前后的自定义事件等介于有上面等多的疑问，将ajax和pushState封装下，供后面使用还... 继续阅读 >
2014
11-11

Pjax是什么以及为什么推荐大家用

什么是pjax?现在很多网站(facebook, twitter)都支持这样的一种浏览方式，当你点击一个站内的链接的时候，不是做页面跳转，而是只是站内页面刷新。这样的用户体验，比起整个页面都闪一下来说，好很多。其中有一个很重要的组成部分，这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。那么如果我们想要实现这样的功能，我... 继续阅读 >
2014
11-11

jQuery+JSONP通过调用虾米接口实现类似点点网发布音乐的功能

jQuery+JSONP通过调用虾米接口实现类似点点网发布音乐的功能 点点网的音乐发布是通过搜索、选择实现的，原本以为是他们自己做的一个类似爬虫的东西去模拟虾米网的搜索功能，然后将搜索的结果返回到点点的界面，包括id、name、ablum、artist等，然后去调用显示相关的widget实现音乐的播放，但后来研究了下，发现其实际上是调用了这个接口：http://kuang.xiami.com/app/nineteen/search/key/歌曲名称/diandian/1/page/歌曲当前页?_=当前毫秒&callback=getXiamiData通过这个接口返回所需的所有... 继续阅读 >
2014
11-11

jQuery+JSON+jPlayer实现QQ空间音乐查询

jQuery+JSON+jPlayer实现QQ空间音乐查询 查询QQ音乐是很早前就出来的一个接口。这里使用jQuery和jPlayer来实现QQ空间音乐的查询。我们要使用的接口位于bejson接口页面中的音乐接口栏里。QQ音乐接口地址:http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=QQ号&p=0.519638272547262&g_tk=1284234856这里给出核心代码:1.gtk参数的获取方式functiongetGTK(){varstr="@HR3etVm80";varhash=5381;f... 继续阅读 >
2014
11-11

编写更好的jQuery代码的建议

讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先，如果你是一个javascript新手，我建议您阅读《JavaScript初学者的最佳实践》，这是一篇高质量的javascr... 继续阅读 >
2014
11-11

jquery实现div层随页面滚动而滚动（固定在某一位置）

翻看ipc.me时觉得右侧的slider会随着页面下翻而始终浮动在窗口边沿下，体验很不错，在张鑫旭的博客中一篇文章的借鉴下，成功实现这样一个功能，代码如下（基于jquery实现，所以事先要在页面中导入jquery文件）：<scripttype="text/javascript">$.fn.smartFloat=function(){varposition=function(element){vartop=element.position().top,pos=element.css("position");$(window).scroll(functio... 继续阅读 >
2014
11-11

jquery.min.map 404 (Not Found)出错的原因及解决办法

Chrome更新后出现了jquery.min.map404 (NotFound)的信息这个到底是什么东西？查询了一下，得到了以下资料JQuery官方解释摘录一下內容从jQuery1.9.0版本后在原始代码里会有 @sourceMappingURL=jquery.min.map什么是Sourcemap简单说，Sourcemap就是一个信息文件，里面存储着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。有了它，出错的时候，除错工具将直接显示原始代码... 继续阅读 >
2014
11-11

jquery ajax回调函数中调用$(this)的问题

今天在用jquery的ajax的回调函数时出现了问题，就是在回调函数中不能使用$(this)。这个问题一直弄了很久，怎么也解决不了，后来是在调用函数前先把$(this)存入变量，然后再在回调函数中使用就没问题了，在这作一下笔记。$(document).ready(function(){$(“.del”).click(function(){obj=$(this).parent();//回调函数前先写入变量;delid=$(this).attr(‘delid’);$.get(‘drag.php’,{‘op’:‘de... 继续阅读 >