0

当我使用它时，它可以完美运行，

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

4

2 回答 2

1

您发布的代码运行良好，我很确定您只是忘记添加 $('div.growlUI') 选择器的内容。

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

我刚刚添加

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

在 HTML 页面中。

于 2013-05-20T10:03:56.130 回答
1

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

如果您想要$.blockUI类似的属性fadeIn，您可以更改jquery.blockUI.js$.growlUI中的定义以传入一个对象，然后您可以在那里设置您想要的任何属性。opts

这里有一个小提琴来证明这一点：http: //jsfiddle.net/hM3KX/2/

于 2014-05-20T18:47:36.583 回答