jQuery BlockUI 插件

发布于 2024-12-23 12:18:59 字数 638 浏览 3 评论 0原文

我需要在 MVC 应用程序中向 Ajax 事件添加覆盖，并找到了 jQuery BlockUI 插件。我没有 Jquery 经验，

我可以让它在默认设置下正常工作， $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

我的问题是当我尝试时将设置修改为类似于网站上的以下示例的内容，例如自定义消息或背景，它不起作用。有人可以建议将以下内容应用于所有 Ajax 请求的正确方法吗？

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } 
    });
});

原文

I need to add an overlay to Ajax events in my MVC application and have found the jQuery BlockUI Plugin. I have no experience in Jquery

I can get it to work fine with the default settings, $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

My problem is when I try to modify the settings to something similar to the following example on the site, such as custom message or background, it doesn't work. Can someone advise the correct way to apply the following to all Ajax requests?

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } 
    });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光与爱终年不遇 2024-12-30 12:18:59

你不关门

$.blockUI

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        }
       });
    });
});

请参阅此fiddle。

You're not closing

$.blockUI

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        }
       });
    });
});

See this fiddle.

回复收藏 0 原文

~没有更多了~