咆哮的工作方式简单，但不是困难的方式，方块

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'
     }
 });

我努力的原因是因为我想改变咆哮的颜色，我能给$.growlUI('添加css吗?

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

http://www.malsup.com/jquery/block/演示

Answer 1

你发布的代码工作得很好，我很确定你只是忘记添加$('div. growlui ')选择器的内容。

下面是一个工作示例:http://jsfiddle.net/xcT4L/

我刚加了

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

Answer 2

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

如果你想要$.blockUI属性像fadeIn，你可以改变$.growlUI的定义在jquery. blocku .js传入一个opts对象，然后你可以设置任何你想要的属性。

这里有一个小提琴来演示:http://jsfiddle.net/hM3KX/2/