国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

豆瓣網(wǎng)的jquery代碼實(shí)例

2019-11-21 01:43:05
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
在文檔加載完畢后將執(zhí)行的方法(參見(jiàn)jquery文檔) 
一般來(lái)說(shuō)文檔加載的時(shí)候應(yīng)該綁定所有的事件, 但是有一種情況例外. 
比如 通過(guò)Ajax方法取回來(lái)的內(nèi)容里面還含有動(dòng)作按鈕的,這時(shí)需要針對(duì)這部分功能執(zhí)行綁定. 
復(fù)制代碼 代碼如下:

//需要手動(dòng)調(diào)用 load_event_monitor(element);   方法. 
$(function() { 
 load_event_monitor(document); 
}); 
//注意這里的o對(duì)象是一個(gè)html 元素而非是一個(gè)jquery對(duì)象,所以在調(diào)用它的方法時(shí)應(yīng)該使用$(o)函數(shù) 
//把它轉(zhuǎn)化為jquery對(duì)象. 
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; 
 } 
 } 
}) 

前臺(tái)要用就比較簡(jiǎn)單了, 只需要這樣寫(xiě):

復(fù)制代碼 代碼如下:

<div id=”test2″ class=”mod”> 
 <h3> 
 這里可以放標(biāo)題 
 </h3> 
 <div class=”j modb a_forder” id=”modb-1002″> 
 這里是一些主要的內(nèi)容 
 <dl> 
 <dt>Hello world</dt> 
 <dd> 
 hahaha</dd> 
 </dl> 
 這個(gè)實(shí)驗(yàn)在沙加的神舟本上完成 
 </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);”>[展開(kāi)]</a> 
 </div> 
 </div> 

樣式就省略了, 大家可以自己寫(xiě), 最后發(fā)兩個(gè)效果圖:

收起時(shí)的樣子

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 彩票| 朝阳市| 菏泽市| 信宜市| 云梦县| 额敏县| 瑞金市| 隆德县| 北流市| 西乡县| 乌拉特后旗| 阳原县| 仪征市| 和田县| 南召县| 和顺县| 巴里| 罗源县| 敦化市| 手游| 彩票| 彰武县| 贵港市| 宣汉县| 和政县| 安图县| 固安县| 铜陵市| 汕头市| 炎陵县| 岑溪市| 长垣县| 平南县| 阳西县| 游戏| 河东区| 高雄县| 福安市| 和平县| 金乡县| 衡阳市|