2013-05-20 28 views
0

當我使用這個它完美的作品,低吼的工作簡單的方法,但不硬的方式,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

+0

沒有足夠的信息。創建jsfiddle,以便我們可以檢查出錯的地方。 –

+1

@IgorS。你還需要什麼信息? JSfiddle不支持blockUI,你可能需要做一些閱讀,然後再提出一個無用的評論,謝謝 – Mathematics

+0

如果它在網站上工作,你可能會錯過一些東西。 jsfiddle禮貌地提醒,在發佈無用的問題之前檢查你的代碼。 –

回答

1

您發佈精品工程的代碼,我敢肯定你剛纔忘了加上$(「div.growlUI」)的內容選擇。

這裏有一個工作示例:http://jsfiddle.net/xcT4L/

我只是在HTML頁面中添加

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

+0

我以爲growlUI已經由blockUI定義了,謝謝 – Mathematics

1

我知道這是一個老問題,但您也可以簡單地覆蓋$.blockUI.defaults.growlCSS以提供您自己的樣式。

如果你想$.blockUI屬性,如fadeIn,你可以改變$.growlUI定義jquery.blockUI.jsopts對象傳遞,那麼你可以設置你想要有任何屬性。

下面是一個小提示:http://jsfiddle.net/hM3KX/2/