在bs 專案中 經常需要用到這種彈出層。
做這種彈出層一般都會遇到下面幾個問題：
0，彈出層必須定義在input的下邊顯示。
1，點選input彈出div層。
2，點選div層外面任何地方，關閉div層。
3，ie6下，div層與下拉框的優先順序問題。
超級簡單版 演示：
例項版 演示：
此彈出框特點：
1,彈出層出現在 文字框 下面.
2,點選彈出層內部 不關閉層，點選外面關閉彈出層.
3,ie6依然能遮住下拉框.
當時遇到的問題以及解決方案 ：
1,獲取文字框的高度，當初用的.height()，結果發現有問題，border等都沒算進去，後來改用.outerheight(true)解決。
2,阻止事件冒泡，當初用的return false;結果弄的多選框不能選了，
因為return false包括e.stoppropagation()和e.preventdefault(),e.preventdefault()會阻止元素的預設動作，
所以多選框不能選中了。改用e.stoppropagation()後，一切正常。
3,$("body")和$(document)的區別，因為body的高度未知，所以導致click()事件無效，改為$(document) 解決。
4,ie6下，層與下拉框的問題，採用jquery.bigframe外掛程式解決。
Jquery彈出層外掛程式
size medium 此外掛程式可支援以下功能 1 觸發響應事件 2 設定彈出層的標題 3 設定彈出層型別 text 容器id url iframe 4 彈出層的內容獲取 text文字 容器id名稱 url位址 iframe的位址 5 彈出層的寬度 6 彈出層的高度 7 層滑動的高度也就是彈出層時...
解決彈出層滾動穿透的問題
乙個棘手的問題 彈出層的滾動穿透，即彈出層滾動，那麼被彈出層覆蓋的下面的內容區域也會進行滾動。彈出層我是用的view標籤然後使用的position fixed進行的定位 說一下我的解決思路 一 當彈出層裡面無滾動的時候 可以在遮罩的view標籤上定義乙個防止事件冒泡的方法 catchtouchmov...
基於jquery的鎖定彈出層
這個東西也是隨手總結出來的，引用 了一些js框架jquery的方法。div遮蓋其他控制項的方法參考了 對於需要遮蓋flash的，請將flash控制項的wmode變數值設定為 transparent 使用方法 effect maskdiv.js 這裡是乙個不引入jquery框架的實現同樣效果的程式。q...