javascript - 低吼的工作原理很简单，但并非很困难，blockUI

当我使用它时，它会完美地工作，

$.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

最佳答案

您发布的代码运行良好，我敢肯定您只是忘了添加$（'div.growlUI'）选择器的内容。

这是一个工作示例：http://jsfiddle.net/xcT4L/

我刚刚添加

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

在HTML页面中。