爱资料 网 欢迎您的到来,我们在这里提供了免费网页模板、编程资料、开发资料、开发软件、在线工具
爱资料 > 编程资料 > 前端教程 > bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

作者:apizl 更新:2018-07-09 10:09:20 阅读:150次

markdown编辑器慢慢的成为各个网站的主流编辑器,在和bootstrap做整合时候发现。图片添加的时候弹窗不显示!

如下我们就详细介绍怎么解决图片添加不显示弹窗卡死状态。

正常显示界面如下:

bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

为什么会出现界面卡死呢?那是因为出现了遮罩但是在最底部看不到,就感觉像界面卡死了。这是因为兼容性问题计算出错了。

我们会发现点击添加图片时候会产生如下的js请求:

bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

我们找到对应的js。路径:/editormd/plugins/image-dialog/image-dialog.js

找到

dialog.attr("id", classPrefix + "image-dialog-" + guid);

在后面加上

$("#editormd-image-dialog-" + guid).css('top','200px');


bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

然后找到:

dialog.show();

在后面加上

$("#"+dialog[0].id).css('top','200px');

bootstrap下Editormd上传以及其他弹窗不显示的兼容性处理详解

文章由爱资料原创本文地址:https://www.apizl.com/archives/view-134270-1.html,转载请以链接形式标明本文地址!
分类:editormd  
发布时间:2018-07-09 10:05:34

相关推荐


分享:
0