Question

我想调整提交表单时显示的'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>

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

首先，我增加了中心布局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中提交时会看到默认的小字体。

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

Answer 1

好的，我知道发生了什么 - 谷歌浏览器从其自己的（google-chrome＆＃39; s）本地缓存中获取了不正确的设置。这就是为什么我对服务器上的文件操作从未在Chrome浏览器中进行任何更改的原因。清理缓存（历史记录 - ＆gt;清除 - ＆gt;缓存数据）对我有用 - 现在我可以看到对我的网站所做的更改。

在Firefox和Chrome中，窗口大小不同

1 个答案: