如何禁用整個頁面，除了一個「島嶼」？

Question

我已經運行到的情況下用戶會：

1. 進入編輯模式，在網格上
2. 編輯他們的數據
3. 不要點擊保存他們正在編輯
行 按鈕
4. 但是相反點擊「下一頁」按鈕 以爲它會拯救他們 數據

我有玩具編輯的想法是添加功能到「下一頁」按鈕點擊，這將檢查網格在編輯模式下的行並保存它們，但我認爲這將保存一些用戶不想保存的數據。

我想要做的是基本上覆蓋整個頁面，除了處於編輯模式的行與一個半透明的div，不允許他們點擊任何其他東西，直到他們保存更改或取消編輯模式。

有沒有人使用jQuery做過類似的事情？

Answer 1

我會說「正確」的解決辦法是禁用「下一步」按鈕，直到該行被保存（或編輯被取消）

但是，如果你想你的描述，這是非常很多行動的動作jQuery UI Dialog plugin.

Answer 2

看來你不想要一個「嚮導」或「對話框」，你希望你的行在它的位置是模態的。你可以在捕捉鼠標事件的整個頁面上創建一個div，然後臨時添加一個類（jQuery對此非常完美）到構成單個目標行的所有div上，這會提高這些div的z索引整頁覆蓋div。

Answer 3

插件blockUI將完成此操作。強烈推薦。

只需在$.blockUI的整個頁面上屏蔽，然後在要啓用的行上調用$.unblockUI即可。