jQuery Modal for Table

Question

我正在寻找一种方法，我可以创建一个简单的模态窗口(或具有类似行为的东西)，只有我的页面的特定部分。

我正在使用fullcalendar和我的一些数据需要很长时间才能加载，我正在寻找一种方法，我可以禁用日历，直到加载完成而不会阻止页面上的其他链接。这样，如果用户想要离开页面，他们仍然可以在加载过程中离开。

我试过SimpleModal, Spinners和其他一些插件，我不记得名字，他们似乎都没有一个选项，只阻止我的页面的一部分。

任何帮助都是感激的!

Answer 1

你应该能够在div中包装表格，并添加/删除overlay css类到该div，使表格显示为"inactive"

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是你的朋友

Answer 2

看看BlockUI

看一下元素阻塞部分。我想这正是你想要的，因为你可以指定哪些元素将被阻止。