Jquery Gritter設置的位置

是否可以更改gritter的位置？或者甚至更好地將它綁定到像span或div這樣的元素？Jquery Gritter設置的位置

我用盡：

 $.gritter.add({ 
      title: 'Dashboard', 
      text: 'Field updated!', 
      time: 2000, 
      position: 'center' 
     });

（也試圖與BUTTOM，頂部ECT），但位置保持不變，通過CSS

來源

2013-08-27 Marc Rasmussen

改變位置像左邊和頂部位置：

$("#gritter").css('left',"100px"); 
$("#gritter").css('top',"20px");

來源

2013-08-27 09:25:14 jainvikram444

通過閱讀文檔，看起來你不能像這樣集中砂礫，只有'左下'，'右下'，'左上'，'右上'

$.extend($.gritter.options, { 
    position: 'bottom-left', // defaults to 'top-right' but can be 'bottom-left', 'bottom-right', 'top-left', 'top-right' (added in 1.7.1) 
    fade_in_speed: 'medium', // how fast notifications fade in (string or int) 
    fade_out_speed: 2000, // how fast the notices fade out 
    time: 6000 // hang on the screen for... 
});

如果你用css改變位置該怎麼辦？

來源

2013-08-27 09:25:40 Bonbelo

應該已被標記爲這個問題的答案！ – ilter

這應該擴展爲標記爲答案，我同意。 –

你可以試試...

// CSS

.gritter-center{ 
position:fixed; 
left:33%; 
right:33%; 
top:33% 
}

//使用Javascript

$.gritter.add({ 
title: 'This is a centered notification', 
text: 'Just add a "gritter-center" class_name to your $.gritter.add or globally to $.gritter.options.class_name', 
class_name: 'gritter-info gritter-center' 
});

來源

2014-10-13 04:47:42 vIrex

添加自定義類 '中心' 爲您具體的css文件

#gritter-notice-wrapper.center { 
    position:fixed; 
    left:33%; 
    right:33%; 
    top:33%; 
}

調整c ss params來調整油條通知位置。

做一個變通成jquery.gritter.js（INT add函數...）

替換行

position = $.gritter.options.position,

與

position = params.position || $.gritter.options.position,

最後打電話給你添加油條功能

$.gritter.add({ 
      title: 'Dashboard', 
      text: 'Field updated!', 
      time: 2000, 
      position: 'center' 
     });

來源

2015-12-07 11:29:52

而不是做33％，這將定位在接近中心，但幾乎總是略有偏離，我會建議如下。這應該工作，如果你自定義不同的/非固定的寬度的gritter。

#gritter-notice-wrapper.center { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}

然後，（由BECH提到的），讓原先要求的位置是可配置的，而不是隻在js文件的選項：

在jquery.gritter.js

，更換

position = $.gritter.options.position,

與

position = params.position || $.gritter.options.position,

來源

2016-01-29 17:08:41 mike

Jquery Gritter設置的位置

回答

相關問題