Noty窗口尺寸在Firefox和Chrome中不同



我想调整提交表单时显示的'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消息的外观,我编辑了两个文件:

首先,我增加了中央布局媒体/noty/beatouts/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
            },

第二,我在媒体/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中提交时会看到默认的小字体。

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

好吧,我知道发生了什么-Google-Chrome从其自己(Google-Chrome's)本地缓存中进行了Noty设置。这就是为什么我对服务器上文件的操纵从未在镀铬浏览器上进行任何更改的原因。清洁缓存(历史 ->清除 ->缓存数据)对我有用 - 现在我可以看到对我的网站进行的更改。

相关内容

  • 没有找到相关文章

最新更新