0

我想调整提交表单时显示的“noty”窗口的大小 - 使文本字体和窗口大小更大。

“noty”代码如下所示：

<script>
  $(function()
    {
        $('#task-form').submit(function()
        {
            $(this).find('.submit').val('Saving...');
            $.post('biomed/default/save', $('#task-form').serialize(), function(data)
            {
                if (data.isValid)
                {
                    $(".btn").attr("disabled", true);
                    noty
                    ({
                            layout:'center',
                            text:'Your task #'+data.timestamp+' has been submitted. Redirecting... ',
                            type:'success'
                    });
                    setTimeout(function() {window.location = "biomed/progress?task_id="+data.timestamp; }, 5000);                    
                }
            ....
        ....
    ....
....
</script>

要更改通知消息的外观，我编辑了两个文件：

首先，我增加了中心布局 media/noty/layouts/center.js 的文件宽度：

container: {
     object: '<ul id="noty_center_layout_container" />',
     selector: 'ul#noty_center_layout_container',
     style: function() {
           $(this).css({
               width: '800px', <- HERE

     ....

和

            css: {
                    display: 'none',
                    width: '800px'   <- HERE
            },

其次，我更正了 media/noty/themes/default.js 中的字体：

      switch (this.options.layout.name) {
           case 'topCenter': case 'center': case 'bottomCenter': case 'inline':
                 this.$bar.css({
                       borderRadius: '5px',
                       border: '1px solid #eee',
                       boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
                 });
    HERE ->      this.$message.css({fontSize: '32px', lineHeight: '40px', textAlign: 'center'});
           break;

结果：这在 Firefox 中有效，但在 Chome 中无效，即我现在在 Firefox 中提交时看到带有大字体可读的大窗口，在 Chrome 中提交时看到默认的小字体。

请提出一种解决方法，即我希望它在两种浏览器中都以相同的方式工作。

4

1 回答 1

0

好的，我知道发生了什么 - google-chrome 从它自己的（google-chrome 的）本地缓存中获取了 noty 设置。这就是为什么我对服务器上文件的操作从未在 Chrome 浏览器中进行任何更改。清理缓存（历史 -> 清除 -> 缓存数据）对我有用 - 现在我可以看到对我的网站所做的更改。

于 2017-02-15T14:01:37.097 回答