前几天一时兴起答应朋友的需求--做一个外国的企业网站;

本想做就做呗,可没想我辛辛苦苦用浪风认真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代码带来的问题:比如直接跳转了,本页调到页眉了。

浪风小园子 -- 比较认真的PHP平台开发

浪风先分享这么多,以后会继续分享我的小工具给大家。分享万岁,技术永存。

[浪风JQuery开发]jquery最有意思的IFrame类似应用--值得深入研究的更多相关文章

  1. [浪风前端开发]JS获取当前时间戳的方法

    由于最近在研究轻交互式web设计,所以整理了下面的东东,仅供分享测试学习交流之用. JavaScript 获取当前时间戳:第一种方法: var timestamp = Date.parse(new D ...

  2. 教你开发jQuery插件(转)

    教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...

  3. 【转】教你开发jQuery插件

    阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文:http://www.cnblo ...

  4. 开发JQuery插件(转)

    教你开发jQuery插件(转)   阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原 ...

  5. 用jQuery开发插件详解

    jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...

  6. 自己动手开发jQuery插件全面解析 jquery插件开发方法

    jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...

  7. [转]jquery开发自定义的插件总结

    本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天 ...

  8. 自己动手开发jQuery插件

    因为工作需要,所以这几天琢磨了一下关于jQuery插件开发的问题,经过一天鏖战,终于完成自己动手做的第一个jQuery插件,对于俺这种见了css就蛋疼菊紧的人来说,一天时间8小时,保守估计有5个小时在 ...

  9. 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志

    在线演示1 本地下载     申请达人,去除赞助商链接 如果大家喜欢阅读博客文章的话,可能都会使用RSS阅读器,今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用,使用它你可以将你喜欢 ...

随机推荐

  1. 激活office2010出现“Failed to inject memory”错误

    使用Office 2010 Toolkit 2.2.3激活office2010的时候,出现Failed to inject memory!错误,原因是前期使用KM激活过office 2010,然后默认 ...

  2. JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

    原文:http://www.cnblogs.com/liuxianan/p/pinyinjs.html 前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多 ...

  3. CentOS6 安装golang

    CentOS6 安装golang 下载 wget http://golangtc.com/static/go/1.8/go1.8.linux-amd64.tar.gz 1 1 1 解压 tar -xz ...

  4. Coherence的集群成员的离开和加入机制研究

    最近在客户那里环境中coherence集群不稳定,所以找出一些文档,需要搞清楚Coherence内部的一些机制 1.集群成员的离开 关于状态的检测,官方的说法是: Death detection is ...

  5. python 输出所有大小写字母, range()以及列表切片

    所以在写的时候,只要把它们的ASCII列出,并转化成字符型chr 即可. print [chr(i) for i in range(65,91)]#所有大写字母 print [chr(i) for i ...

  6. OpenWrt 路由器过滤广告的N种方法

    路由器已经成为每个家庭不可缺少的角色,手机.电脑.电视,凡是需要互联网的设备都要用到它.那么路由器除了给我们的网络设备分发网络外,还有其他用途吗? 现在很多人家里都用着智能路由器,智能路由器究竟怎么智 ...

  7. FBX导入错误 :ImportFBX Errors:

    原地址:http://www.cnblogs.com/lopezycj/archive/2012/05/16/unity3d_tuchao.html Unity3D吐槽1--FBX导入 Unity3d ...

  8. Scapy基础学习之中的一个

    关于Scapy Scapy的是一个强大的交互式数据包处理程序(使用python编写). 它可以伪造或者解码大量的网络协议数据包,可以发送.捕捉.匹配请求和回复包等等.它可以非常easy地处理一些典型操 ...

  9. C++11 Lambda表达式简单解析

    C++11 新增了非常多特性,lambda 表达式是当中之中的一个.假设你想了解的 C++11 完整特性, 建议去http://www.open-std.org/看看新标准! 非常多语言都提供了 la ...

  10. 使用OpenSSL生成CSR文件,并申请全球通用SSL证书

    http://www.openssl.org 上只有OpenSSL的原代码下载,为了方便Windows用户使用OpenSSL,我们特地为您准备了OpenSSL 0.9.8.a for win32的可执 ...