|
|
一般來說文檔加載的時候應該綁定所有的事件, 但是有一種情況例外.
比如 通過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>
樣式就省略了, 大家可以自己寫, 最后發兩個效果圖:
收起時的樣子
JavaScript技術：豆瓣網的jquery代碼實例，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
