另外還提到一個 jquery 的插件 easydrag，這個插件處理拖放還算好用，但自從我上次修改后，現(xiàn)在又發(fā)現(xiàn)了它的另一個 bug. 在應(yīng)用了 easydrag 的頁面中，某種情況下會在頁面加載時出現(xiàn)“找不到對象”的腳本錯誤。經(jīng)過仔細檢查，發(fā)現(xiàn)問題在于 easydrag 中過早的綁定了 document 的 mousemove 和 mouseup 事件，而有時候腳本加載的時候 document 還沒有 ready, 自然就會“找不到對象”了。 新疆軟件開發(fā)網(wǎng)整理 http://www.zgna.net
解決問題的辦法很簡單，我們推遲這兩個事件的綁定即可：
function mousemove_handler(e){
//
}
function mouseup_handler(e){
//
// 解除鼠標(biāo)移動和彈起事件的處理函數(shù)綁定
$(document).unbind("mousemove", mousemove_handler).unbind("mouseup", mouseup_handler);
}
$("#拖動目標(biāo)").mousedown(function(){
//
// 添加鼠標(biāo)移動和彈起事件的處理函數(shù)綁定
$(document).mousemove(mousemove_handler).mouseup(mouseup_handler);
})
注意上面代碼中 unbind 事件也是很必要的。
另外推薦一個很好的 jquery 插件 —— background iframe.
以前我們寫網(wǎng)頁中的日歷控件之類的，為了遮住 <select> （IE 6.0 或以下)，一般都是用一個
<div>
<iframe></iframe>
</div>
來加載彈出的內(nèi)容。但是這樣有個問題，就是加載的文檔和當(dāng)前文檔不是一個頁面，那么在 asp.net 等后臺代碼里，就不是很方便做數(shù)據(jù)綁定，因為多了一個頁面，就需要多出很多不必要的變量傳遞工作。
而 background iframe 的原理是，你可以在當(dāng)前頁面的 <div></div> 里直接寫彈出內(nèi)容，它負(fù)責(zé)動態(tài)的在這個 div 中插入一個透明的 iframe 作為背景的遮罩，這樣也一樣能達到遮擋 <select> 的效果。
調(diào)用方式也非常簡單：
$("#some_layer").bgiframe();
這樣就可以了。
這里聯(lián)想到，編程真的是思路最重要。記得以前看 meizz 的日歷控件代碼，通過 iframe 的方式寫入，實現(xiàn)很復(fù)雜，現(xiàn)在如果換了 background iframe 這個思路，問題很簡單就解決了。
|
