豆瓣网的jquery代码实例


Posted in Javascript onJune 15, 2008

在文档加载完毕后将执行的方法(参见jquery文档) 
一般来说文档加载的时候应该绑定所有的事件, 但是有一种情况例外. 
比如 通过Ajax方法取回来的内容里面还含有动作按钮的,这时需要针对这部分功能执行绑定. 

//需要手动调用 load_event_monitor(element);   方法.  
$(function() {  
 load_event_monitor(document);  
});  
//注意这里的o对象是一个html 元素而非是一个jquery对象,所以在调用它的方法时应该使用$(o)函数  
//把它转化为jquery对象.  
Bowtech.init_forder = function(o) {  
 var eid = $(o).attr(“id“).split(“-“)[1];  
 var fo = $(“#f-“+eid);  
 var unfo = $(“#unf-“+eid);   fo.click(function() {  
 $(o).hide();  
 unfo.show();  
 fo.hide();  
 });  
 unfo.click(function() {  
 $(o).show();  
 fo.show();  
 unfo.hide();  
 });  
}  

jQuery.fn.extend({  
 set_caret: function(){  
 if(!$.browser.msie) return;  
 var initSetCaret = function(){this.caretPos = document.selection.createRange().duplicate()};  
 this.click(initSetCaret).select(initSetCaret).keyup(initSetCaret);  
 },  
 insert_caret:function(textFeildValue){  
 var textObj = this[0];  
 if(document.all && textObj.createTextRange && textObj.caretPos){  
 var caretPos=textObj.caretPos;  
 caretPos.text = caretPos.text.charAt(caretPos.text.length-1) == ” ? textFeildValue+” : textFeildValue;  
 } else if(textObj.setSelectionRange){  
 var rangeStart=textObj.selectionStart;  
 var rangeEnd=textObj.selectionEnd;  
 var tempStr1=textObj.value.substring(0,rangeStart);  
 var tempStr2=textObj.value.substring(rangeEnd);  
 textObj.value=tempStr1+textFeildValue+tempStr2;  
 textObj.focus();  
 var len=textFeildValue.length;  
 textObj.setSelectionRange(rangeStart+len,rangeStart+len);  
 textObj.blur();  
 } else {  
 textObj.value+=textFeildValue;  
 }  
 }  
}) 

前台要用就比较简单了, 只需要这样写:
<div id=”test2″ class=”mod”>  
 <h3>  
 这里可以放标题  
 </h3>  
 <div class=”j modb a_forder” id=”modb-1002″>  
 这里是一些主要的内容  
 <dl>  
 <dt>Hello world</dt>  
 <dd>  
 hahaha</dd>  
 </dl>  
 这个实验在沙加的神舟本上完成  
 </div>  
 <div class=”edit”>  
 <a id=”f-1002″ class=”forder” href=”javascript:void(0);”>[收起]</a> <a id=”unf-1002″  
 class=”unforder” href=”javascript:void(0);”>[展开]</a>  
 </div>  
 </div> 

样式就省略了, 大家可以自己写, 最后发两个效果图:
豆瓣网的jquery代码实例
收起时的样子
豆瓣网的jquery代码实例
Javascript 相关文章推荐
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
浅析return false的正确使用
Nov 04 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
jQuery实现高亮显示网页关键词的方法
Aug 07 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
Apr 13 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 Javascript
JQuery实现自定义对话框的代码
Jun 15 #Javascript
javascript基本语法分析说明
Jun 15 #Javascript
javascript新手语法小结
Jun 15 #Javascript
JavaScript入门学习书籍推荐
Jun 12 #Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 #Javascript
json跟xml的对比分析
Jun 10 #Javascript
json 定义
Jun 10 #Javascript
You might like
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
2017/05/15 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
2019/01/31 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
Python 学习笔记
2008/12/27 Python
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
Python中@property的理解和使用示例
2019/06/11 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
彻底解决Python包下载慢问题
2020/11/15 Python
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
美国领先的奢侈手表在线零售商:WatchMaxx
2017/12/17 全球购物
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
新锐科技Java程序员面试题
2016/07/25 面试题
应聘医学检验人员自荐信
2013/09/27 职场文书
大三预备党员入党思想汇报
2014/01/08 职场文书
白莲教口号
2014/06/18 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书