表jQuery模態表

我正在尋找一種方法，可以爲我的頁面的特定部分創建一個簡單的模態窗口（或具有類似行爲的東西）。表jQuery模態表

我正在使用fullcalendar，我的一些數據需要很長時間來加載，我正在尋找一種方法，我可以禁用日曆，直到加載完成而不阻止頁面上的其他鏈接。這樣，如果用戶想要離開頁面，他們仍然可以在加載進行時進行。

我試過SimpleModal，Spinners和一些其他的插件，我不記得名字了，而且他們中沒有人似乎只有一個選項可以阻止我的頁面的一部分。

任何幫助表示讚賞！

來源

2011-04-19 Shaded

看一看BlockUI

看看在element blocking section。我認爲這將是你正在尋找的，因爲你可以指定哪些元素將被阻止。

來源

2011-04-19 12:53:56 Kamal

嗯...不能爭論的易用性。 – Shaded 2011-04-19 13:04:53

我真的很喜歡這個插件，但我遇到了一些問題讓殘疾人區域出現在我想要的區域上。我有一種感覺，它是從fullcalendar的div CSS添加比我需要在BlockUI div更多的選項。有什麼建議麼？ – Shaded 2011-04-19 13:14:36

嗯。自從我自己實現它以來已經有一段時間了，但是在調用blockUI時的一個選項是將它傳遞給自己的CSS。可能會混淆這些參數，將它移動到正確的位置，而不是更改現有元素中的任何內容，因爲我確定您已完全按照您的要求設置樣式。 – Kamal 2011-04-19 13:17:24

你應該能夠換表的DIV，並添加/刪除overlay CSS類，該div使表出現「無效」

CSS就不會停，如：

.overlay  
{ 
    position:relative;  
    height:100%;  
    width:100%;  
    background-color:#FFFFFF; //set this to whatever color u want 
    filter:alpha(opacity=20); //set filter and opacity to your liking 
    opacity:0.2;  
    z-index:100; 
}

，當然，jQuery是你的朋友

來源

2011-04-19 12:44:51 stephen776

看起來像它可以工作，現在玩它。 – Shaded 2011-04-19 12:57:59

我喜歡這個主意，但我的日曆實際上是在表格單元格中，而不是單獨的表格。當我將單元格內的日曆轉移到一個div以便我可以包裝它時，事情就會崩潰。感謝您的幫助！ – Shaded 2011-04-19 13:20:56

你是否需要覆蓋整個桌子或只是日曆？它不一定有一個div，該CSS應用於..它可能是一個表格單元格或任何元素真的 – stephen776 2011-04-19 13:24:47

表jQuery模態表

回答

相關問題