AdminLTE管理后台,执行Plugins.Tips提示框之后,页面宽度一直变小
taotaoit Bootstrap 2018-12-14 2591 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

3714516 2275 32
最新评论
<script>alert(11)</script>
评 留言
:kaixin: :haha:
评 phpExcel列数据自动换行的方法->getAlignment()->setWrapText(true);
666 :kaixin:
评 return和return false的区别
楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
评 留言
厉害 :zhenbang: :zhenbang: :zhenbang:
评 留言
文章标签更多
ThinkPHP (240)
Mysql (48)
DedeCms (33)
jQuery (58)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

Plugins.Tips({title:'信息提示',icon:'error',content:json.msg,timeout:1000});

每执行一次信息弹出框,页面宽度就会变窄一点。

当页面高度不够满屏,右侧不出现滚动条的时候,不会变窄,

如果有滚动条,每执行一次就会变窄。

原因是bootstrap.js加载模态框modal的时候,会先判断是否有滚动条,如果有,会把当前页面的宽度减去滚动条的宽度

1030行

  Modal.prototype.setScrollbar = function () {
    var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
    if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
  }
然后关闭模态框的时候,再把当前页面的宽度加上滚动条的宽度,页面就恢复正常了

1035行

Modal.prototype.resetScrollbar = function () {
    this.$body.css('padding-right', '')
  }
由于plugins.js 131行,只是去除了当前页面body的样式,没有把padding-right清空,所以每执行一次Plugins.Tips,页面就会变窄一点,导致页面越来越窄

原来

if(Plugins.WManager.length==0)$('body').removeClass('modal-open');

改为

if(Plugins.WManager.length==0)$('body').removeClass('modal-open').css('padding-right', '');

版权声明:本站原创文章,允许自由转载。

相关推荐
AdminLTE管理后台提示框,bootstrap框架提示框Tooltip
Bootstrap | 2018-08-16 10216
AdminLTE管理后台提示框 Bootstrap框架提示框Tooltip 实现方法: html代码: <span data-toggle="tooltip" title="提示框内容" data-placement="right">是</span> 页面头部需引入jquery.min.js...
bootstrap修改col的间距
Bootstrap | 2019-09-11 6997
用bootstrap布局时会产生一些问题,比如col水平间距过大 修改方法: 重新设置col之间的间距 [class*="col-"]{ padding: 5px; } 在bootstrap.css随便搜索col-md会发现,col每列之间之所以有间距,是因为col里面的左右内边距都是15px形成的,这样...
评论:0条
评论加载中...
发表评论