Question

当我使用它时效果很好，

$.growlUI('Growl Notification', 'Have a nice day!');

但是当我用它替换它时（它不起作用）

 $.blockUI({
     message: $('div.growlUI'),
     fadeIn: 700,
     fadeOut: 700,
     timeout: 2000,
     showOverlay: false,
     centerY: false,
     css: {
         width: '350px',
         top: '10px',
         left: '',
         right: '10px',
         border: 'none',
         padding: '5px',
         backgroundColor: '#000',
             '-webkit-border-radius': '10px',
             '-moz-border-radius': '10px',
         opacity: .6,
         color: '#fff'
     }
 });

我正在努力的原因是因为我想改变咆哮的颜色，我可以将css添加到$.growlUI('吗？

如果我可以将fadeIn: 700,添加到uigrowl

http://www.malsup.com/jquery/block/#demos

Answer 1

您发布的代码运行正常，我很确定您忘记添加$（'div.growlUI'）选择器的内容。

以下是一个有效的例子：http://jsfiddle.net/xcT4L/

我刚刚添加了

<div class="growlUI" style="display: none">
    <p>Hello world!</p>
</div>

在HTML页面中。

Answer 2

我知道这是一个老问题，但你也可以简单地覆盖$.blockUI.defaults.growlCSS来提供自己的风格。

如果您想要$.blockUI fadeIn属性，可以更改 jquery.blockUI.js 中的$.growlUI定义，以传入{{1}对象，然后你可以设置你想要的任何属性。

以下是展示这一点的小提琴：http://jsfiddle.net/hM3KX/2/

blockl工作简单，但不是很难，blockUI

2 个答案: