Django 使用layer中遇到的小坑

在HTML页面中使用layer插件时遇到弹窗不居中显示的问题,解决方案包括确保正确导入jQuery和layer.js,同时将layer的skin文件夹及其内的layer.css放入静态资源目录。此外,内容编写时需注意双引号和单引号的配合使用,以及保持代码格式的整洁,避免内容无法正常显示。
摘要由CSDN通过智能技术生成

问题1

笔者在html中导入layer插件,在运行的时候弹窗无法居中显示,一直位于网页的底部。

解决办法

1.导入时要导入


<script src="{%static 'js/jquery.min.js'%}"></script>
<script type="text/javascript" src="{% static 'js/layer.js' %}"></script>

2.要把layer中的skin文件夹考到Django/static/js文件夹下
在这里插入图片描述
因为skin里面有一个layer.css缺少这个文件弹窗无法居中显示

问题2

// An highlighted block
content: "<div><form class='layui-form add-project-form' action=''> <div class='layui-form-item'> <div class='add_input_bolock'><button class='add_btn' οnclick='submit()' style='margin-left: 20%'>确认</button><button type='reset' class='add_rst'  >重置</button></div></div></form></div>" 

1.content在写html代码的时候,要注意双引号和单引号,外层用双引号,内层就只能使用单引号,不然无法显示,特别写style的的时候!!!
2.在写content时要一行代码写到头不然也无法显示

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值