Luckylutu 2023-10-28 17:16 采纳率: 28.6%
浏览 3
已结题

layui信息弹窗在JSP中无法移动

layui信息弹窗在JSP中无法移动
在IE8浏览器将下面一模一样的代码放在HTML可以移动,并且设置了offset弹窗出现位置
但是在jsp页面中弹窗位置永远在最左上角,怎么调都没有变化,并且无法拖拽

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>layui 调试预览</title>
    <link rel="stylesheet" href="resources/layui/css/modules/layer/default/layer.css"  media="all">
   
</head>

    <script src="resources/layui/layui.js" charset="utf-8"></script>
    <script>
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.alert('只想简单的提示', {title:"信息框标题",skin:"layui-layer-molv",area:"auto",shade: 0,offset: ['500px', '1000px']});
            //…
        });

    </script>
    </body>
</html>
  • 写回答

1条回答 默认 最新

  • 专家-赤兔[在线] 全栈领域优质创作者 2023-10-28 17:16
    关注

    引自强大而免费的微信小程序:皆我百晓生

    在JSP页面中,弹窗位置永远在最左上角,并且无法拖拽的问题可能是由于样式的冲突或者页面布局的问题引起的。你可以尝试以下方法解决该问题:

    1. 确保样式文件路径正确:检查layer.csslayui.css的路径是否正确引用。

    2. 确保引入layui组件库成功:检查layui.js文件的路径是否正确引用以及是否加载成功。

    3. 使用layui.layer.open方法代替layer.alert:尝试使用layui.layer.open方法代替layer.alert方法,看是否能够解决问题。例如:

    layui.use('layer', function(){
        var layer = layui.layer;
        layer.open({
            type: 0,
            title: "信息框标题",
            content: "只想简单的提示",
            skin: 'layui-layer-molv',
            area: "auto",
            shade: 0,
            offset: ['500px', '1000px']
        });
    });
    
    1. 检查页面布局:检查JSP页面的布局是否嵌套在其他容器中,可能会导致弹窗定位不准确。可以尝试将代码放在JSP页面的body元素内。

    如果以上方法都不能解决问题,还可以尝试使用其他弹窗组件替代layui。

    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月28日
  • 创建了问题 10月28日

悬赏问题

  • ¥15 程序实在不会写,要秃了
  • ¥15 pycharm导入不了自己的包
  • ¥15 C#.net通过内网url地址获取文件并下载问题,浏览器postman可以正常下载,用程序不行
  • ¥15 本人本科机械,目前研一。没有深度学习基础,目前对研究生课题一片迷茫,请教各位!
  • ¥15 关于R语言单因素与多因素线性回归的平均值
  • ¥15 服务器清除BIOS之后引导不了
  • ¥15 CPLEX用OPL编写的混合整数线性优化问题。
  • ¥15 可以用EasyConnect连接实验室内网,但无法连接内网才能访问的服务器,为什么?
  • ¥15 前端预览docx文件,文件从后端传送过来。
  • ¥15 层次聚类和蛋白质相似度