javascript - 表的 jQuery 模态

Question

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

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

我已经尝试过 SimpleModal、Spinners 和其他一些我记不起名字的插件，而且它们似乎都没有只阻止我页面的一部分的选项。

感谢任何帮助!

Answer 1

您应该能够将表格包装在 DIV 中，并向该 div 添加/删除 overlay css 类以使表格显示为“非事件”

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 是你的 friend