[浪风JQuery开发]jquery最有意思的IFrame类似应用--值得深入研究
前几天一时兴起答应朋友的需求--做一个外国的企业网站;
本想做就做呗,可没想我辛辛苦苦用浪风认真php平台开发后,对方来一句我服务器不能安装其他程序,请给我用frame框架开发。
浪风那是一个苦字难言,随后我试下了单纯ifame的页面载入,有一个致命的特点:不能随着内容的高度自动调节,牛人都些js作判断来实现高度调节。
浪风心想啊,这不是我的作风,一定该有更简洁的方法,并且也是咱小园子喜欢的。
琢磨了一下发现:咦,这玩意不是跟tabdiv切换有异曲同工之妙吗?
随后回想起浪风曾在某大型电子商务公司时做的jquery插件:div沙盒内容远程载入,本地随意切换。
那个插件要做很多判断,相比之下,这个ifame功能就简单多了:点击按钮后自动从服务器拉取页面,然后放到对应的div内,我们强大的web浏览器就会完美的渲染内容。
说时迟,那时快,立刻找到需要用的jquery.js载入页面
<script src="jquery.min.js" type="text/javascript"></script>
然后运用浪风以前成熟的jquery开发经验迅速写出
<script type="text/javascript" >
$(function(){
$(".cmenu a").live('click', function(){
$("#righter").load($(this).attr('href'));
return false;
})
});
</script>
之后迅速在相应的a标签的任一上级加入class=cmenu的属性。运行浏览器调试,嘿嘿,成功了,真不错。第一次感觉还有这样实现,真的是太神奇啦。
此代码看似简单(自写就4行代码,加jquery格式共6行代码),功能却一点都不含糊。
首先浪风带大家做一下分享:
1、限制功能区在class=cmenu的父节点下,防止其他地方的a标签受感染而影响正常的功能;这叫君子不夺人所好,虽然咱php开发的都是猿类,但咱也要有点风度。
2、live函数实时绑定咱们要操作的a标签上面,防止新载入的页面不能重复使用咱设计的代码功能;某个大侠过去,不能重复使用的代码不是好代码。
3、真正的好戏在这里,用load函数载入a标签链接的服务器内容,并填充到页面重新渲染;公猿说我看上你了,母猿说我们结核吧,就是这么完美的展现。
4、最后也是通常也JavaScript关键的一部,“return false;”,让正常的a链接功能失效;此操作可以防止多种a链接加js代码带来的问题:比如直接跳转了,本页调到页眉了。
浪风先分享这么多,以后会继续分享我的小工具给大家。分享万岁,技术永存。
[浪风JQuery开发]jquery最有意思的IFrame类似应用--值得深入研究的更多相关文章
- [浪风前端开发]JS获取当前时间戳的方法
由于最近在研究轻交互式web设计,所以整理了下面的东东,仅供分享测试学习交流之用. JavaScript 获取当前时间戳:第一种方法: var timestamp = Date.parse(new D ...
- 教你开发jQuery插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...
- 【转】教你开发jQuery插件
阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文:http://www.cnblo ...
- 开发JQuery插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原 ...
- 用jQuery开发插件详解
jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...
- 自己动手开发jQuery插件全面解析 jquery插件开发方法
jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...
- [转]jquery开发自定义的插件总结
本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天 ...
- 自己动手开发jQuery插件
因为工作需要,所以这几天琢磨了一下关于jQuery插件开发的问题,经过一天鏖战,终于完成自己动手做的第一个jQuery插件,对于俺这种见了css就蛋疼菊紧的人来说,一天时间8小时,保守估计有5个小时在 ...
- 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志
在线演示1 本地下载 申请达人,去除赞助商链接 如果大家喜欢阅读博客文章的话,可能都会使用RSS阅读器,今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用,使用它你可以将你喜欢 ...
随机推荐
- php漏洞挖掘书籍
PHP是一种被广泛使用的脚本语言,尤其适合web开发.具有跨平台,容易学习,功能强大等特点,据统计全世界超过34%的网站有php的应用,包括Yahoo.sina.163.sohu等大型门户网站.而且很 ...
- Linux、CentOS系统下调整home和根分区大小
1.首先查看磁盘使用情况 [root@localhost ~]# df -h 文件系统 容量 已用 可用 已用% 挂载点 Filesystem Size Used Avail Use% Mounted ...
- linux上虚拟显示器和火狐浏览器的使用学习记录
Ubuntu 14.04 sudo apt-get firefox sudo apt-get install python-pip sudo apt-get install xvfb# xserver ...
- win7系统下ping不是内部或外部命令
win7下ping不是内部或外部命令,在使用java设置变量环境时,可能会遇到这样的问题,出现win7下ping不是内部或外部命令,是在设置变量环境是把一些设置删掉了的原因,请看在win7下怎么还原. ...
- Invalidate、RedrawWindow与UpdateWindow的差别
一:什么时候才会发生重绘窗体的消息? 当须要更新或又一次绘制窗体的外观时,应用程序就会发送WM_PAINT消息. 对窗体进行又一次绘制. 二:Invalidate() -- RedrawW ...
- maven项目用assembly打包可执行jar包
该方法只可打包非spring项目的可执行jar包,spring项目可参考:http://www.cnblogs.com/guazi/p/6789679.html 1.添加maven插件: <!- ...
- 倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-Switch Case语句是否会自动跳转到下一个
在C#中,每一个case后面必须有break,所以输出1,也就是如果a=0,则只会执行case=0的那一段,当等于1之后不会继续. 在TwinCAT中,虽然CASE语句没有break,但是实际上不 ...
- 修改注册表实现Windows自动登陆
昨天再修一条case时无意间发现这个case竟然要重启机器,并且要用指定的账户自动登陆Windows.然后就发现了,简单的修改下注册表就可以完成自动登陆了. 首先,在“run”里输入“regedit” ...
- ajax 底层源码解析
对象: XMLHttpRequest 属性:readyState请求状态,开始请求时值为0直到请求完成这个值增长到4 responseText目前为止接收到的响应体,readyState<3此属 ...
- 【Python3 爬虫】04_urllib.request.urlretrieve
urllib模块提供的urlretrieve()函数,urlretrieve()方法直接将远程的数据下载到本地 urllib语法 参数url:传入的网址,网址必须得是个字符串 参数filename:指 ...