如题，我在使用springboot+thymeleaf+ajax局部刷新后，css产生了变化，如下图所示 这个是没有点击“地区选择”部分 这个是点击option之后 我的.ajax代码如下： function postData(){ var url="/index/check"; $.ajax({ url:url, type:'POST', data:{ "area":$("[name='area']").val(), "country":$("[name='country']").val(), "city":$("[name='city']").val(), "year":$("[name='year']").val() }, success:function (data){ $('#changeDiv').html(data); } }) } controller层设置如下： @PostMapping("/index/check") public String IndexInfoCollection(UserChose userChose, HttpSession session, Model model){ Year year=userChose.getYear(); //在数据库中查找一级指标 List<String> allSecondIndex= userCheckService.SelectSecondIndex(year); model.addAttribute("allSecondIndexName",allSecondIndex); return "domain/checkEditIndex :: tableList"; } 请求用什么办法可以令css一致

jQuery报 Uncaught TypeError: Cannot read property 'type' of undefined 找出的问题原因应该是select属性中的绑定事件，但是不知道有什么好的方法。        

$("select").select2({ ajax:{ url:"http://192.168.3.7/test.php", dataType:'json', data:function(params){ var query={ search:params.term } return query; }, delay:1500, processResults:function(data,params){ return{ results:results; }; } } });  

用layar添加一个鼠标悬停显示提示信息    网上也有 但是不知道 标签怎么引用

我想做一个手机网页,通过前端去调用手机摄像头,实现扫码功能,然后将扫码获得的数据上传至后台,请问一下这个功能怎么实现,谢谢各位了

# 一，遇到的问题 ## 1，问题之前 我在Ubuntu 20.10中使用pycharm pro 2021.1编写django 3.1网站，前端使用了bootstrap框架，但使用的是在线引用的方法： <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> </script> 用bootstrap实现了一个分裂式按钮下拉菜单https://code.z01.com/v4/components/dropdowns.html#split-button-dropdowns，是没有遇到问题的： ## 2，遇到问题 在前端模板相关内容编写完成之后，我想使用本地的bootstrap，于是下载了对应版本的bootstrap相关CSS与JS文件放入到static文件中进行引用： <script href="{% static 'js/jquery-3.3.1.min.js' %}"></script> <script href="{% static 'js/bootstrap.min.js' %}"></script> <script href="{% static 'js/popper.min.js' %}"></script> 经过测试，出现了问题：CSS样式都有效，但是相关的js功能失效——点击分裂式按钮下拉菜单没有响应： # 二，试过的解决办法 我将前端页面以及相关bootstrap文件复制到了我的Windows系统下，重新本地引用，却没有出现失效的问题。 文件的引用顺序应该没有问题，那为什么在Ubuntu中功能失效而在Windows中又有效呢？请问该如何解决问题呢？球球各位帮帮我，非常感谢！！！

页面上有3-5个gif,大概300mb,尝试过压缩但是gif的效果变差了，懒加载的话也很费时，不知道有没有好的方法？

只知道文字信息怎么定位？ 搜索框输入文字信息，想让页面定位到该地，或者让该地高亮显示该怎么做，求解。

table.render({ elem: '#downs', height: 600, url: '/Model/getdown111.php', //数据接口 method: 'POST', where: { 'orderId': orderId, 'ac': 'query', 'r': ram }, page: true, //开启分页 id: 'idTest',//设置表格id以便重载表格调用 cols: [[ //表头 {field: 'zizeng', title: '序号', fixed: 'left', templet: '#zizeng', width: 80}, {field: 'id', title: 'downid', fixed: 'left', width: 80}, {field: 'title', title: '资源名称', fixed: 'left'}, {field: 'geturl', title: '资源网址', fixed: 'left'}, { field: 'pro', title: '下载进度', fixed: 'left', templet: function (d) { var scanTime = 5000; //定义扫描时间 var sendtime = 1; var timer = setInterval(function () { //进度条方法查看进度 var r = Math.random() * 11; $.ajax({ url: '/Model/getdown111.php', //数据接口 type: 'POST', dataType: 'json', data: { 'orderId': orderId, 'downid': d.id, 'ac': 'godown', 'sendtime': sendtime, 'r': r }, success: function (data) { sendtime++; console.log(data.percent); var progress = '<div class="layui-progress layui-progress-big" lay-showpercent="true">'; progress += '<div class="layui-progress-bar layui-bg-red" lay-percent="' + data.percent + '%"></div>'; progress += '</div>'; console.log(progress); return progress; if (data.percent == 100) { clearInterval(timer); //进度到100%，注意关闭定时器 return '<div class="layui-progress layui-progress-big" lay-showpercent="true"><div class="layui-progress-bar layui-bg-blue" lay-percent=100%></div></div>' } }, error: function (e) { console.log(e); } }); }, scanTime); } }, ]], done: function (res, curr, count) { element.render('progress'); } }); }); ajax能正常显示信息，但是数据表格的进度条显示是undefied,求大神帮忙看看是啥原因，自己实在研究不出来了

前端中用了Spinner进行购物车加减，怎么通过getValue这个方法去获取加减后的数值 var v = $('#Amount').Spinner('getValue');这样好像不对

子页面调用 父页面方法 父页面通过iframe标签包裹子页面   报错信息

想找的是这个class下控制的样式 <div class="stop"> <span>手机推荐</span> <em>PRDUCTS</em><a href="sjxxList.do" title="更多">更多&gt;&gt;</a> </div> 去掉class=“stop”啥样式都没有了，现在想修改这个样式，不知道从哪里能找到？ 这个页面全部代码如下 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@page import="com.util.db"%> <%@taglib prefix="s" uri="/struts-tags"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ page language="java" import="java.sql.*" %> <jsp:useBean id="connDbBean" scope="page" class="com.util.db"/> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>迅联网上手机商城</title> <link href="http://www.guangzhengchuanmei.com/demo2/favicon.ico" rel="shortcut icon" type="image/x-icon"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <link rel="stylesheet" type="text/css" href="qtimages/child_page.css"> <link rel="stylesheet" type="text/css" href="qtimages/child_form.css"> <link rel="stylesheet" type="text/css" href="qtimages/child_vip.css"> <link rel="stylesheet" type="text/css" href="qtimages/child_msg.css"> <link rel="stylesheet" type="text/css" href="qtimages/child_cart.css"> <link rel="stylesheet" type="text/css" href="qtimages/child_atm.css"> <link rel="stylesheet" type="text/css" href="qtimages/style.css"> <script type="text/javascript" src="qtimages/jquery.js"></script> <script type="text/javascript" src="qtimages/banner.js"></script> <script type="text/javascript" src="qtimages/nav.js"></script> <script type="text/javascript" src="qtimages/form.js"></script> <script type="text/javascript" src="qtimages/passwordstrength-min.js"></script> <script type="text/javascript" src="qtimages/humane.js"></script> <script type="text/javascript" src="qtimages/child_atm.js"></script> <script type="text/javascript" src="qtimages/menu.js"></script> <script type="text/javascript" src="qtimages/jqselect.js"></script> <script type="text/javascript" src="qtimages/jquery.lazyload.js"></script> <script type="text/javascript" src="qtimages/marquee.js"></script> <script type="text/javascript" src="qtimages/slides.min.jquery.js"></script> <script type="text/javascript"> $(function(){ $('#marquee2').kxbdSuperMarquee({ distance:30, time:3, btnGo:{up:'#goU',down:'#goD'}, direction:'up' }); }); </script> <script> $(function(){ $('#slides').slides({ preload: true, preloadImage: 'img/loading.gif', play: 5000, pause: 2500, hoverPause: true, animationStart: function(){ $('.caption').animate({ bottom:-35 },100); }, animationComplete: function(current){ $('.caption').animate({ bottom:0 },200); if (window.console && console.log) { // example return of current slide number console.log(current); }; } }); }); </script> <script src="qtimages/share.js"></script><link rel="stylesheet" href="qtimages/share_style0_16.css"> </head> <body style="overflow-x: hidden;"> <jsp:include page="qttop.jsp"></jsp:include> <jsp:include page="bht.jsp"></jsp:include> <jsp:include page="sidebufen1.jsp"></jsp:include> <!-- <div class="case"> --> <div class="stop"> <span>手机推荐</span> <em>PRDUCTS</em><a href="sjxxList.do" title="更多">更多&gt;&gt;</a> </div> <br /> <div class="profra"> <div class="view-port"> <% int spi=0; %> <c:forEach items="${syshoujixinxi}" var="a"> <% spi++; if(spi<=50) { %> <div class="limg" style="perspective: 1000px;"> <div class="block" data-move-y="300px" data-move-x="-200px" > <a class="img" href="sjxxDetail.do?id=${a.id}" title="${a.shoujimingcheng}"> <span></span> <b></b> <label style="display: none;">${a.shoujimingcheng}</label> <img src="${a.tupian}" alt="${a.shoujimingcheng}" width="235" height="176"></a> </div> </div> <% } %> </c:forEach> </div> </div> <!-- </div> --> <div class="news"><div class="newsleft" style="margin-left: 0px;"> <div class="newsltop"><span>网站公告</span> <em>NEWS</em> <a href="xwtzList.do?lb=网站公告" title="更多">更多&gt;&gt;</a></div> <ul class="newsmain"> <ul class="newsmain"> <% int xwi=0; %> <c:forEach items="${syxinwentongzhi1 }" var="a"> <% xwi++; if(xwi<5) { %> <li><a href="xwtzDetail.do?id=${a.id}" title="${a.biaoti}"> <div class="time"><span>${fn:substring(a.addtime, 0, 10)}</span><font></font></div> <div class="newsli_r"> <p class="newsli_rt"><span class="fl">${fn:substring(a.biaoti, 0, 34)}</span></p> <p class="newscont">${fn:substring(a.zhaiyao, 0, 48)}</p> </div> </a> </li> <% } %> </c:forEach> </ul> </ul> </div> <div class="conright" style="margin-right: 0px;"> <div class="pic_scroll" style="width: 334px; height: 488px; position: relative; top: 0px;"> <div class="cont con0" style="width: 334px; height: 244px;"> <img src="qtimages/llww.jpg" style="width: 334px; height: 244px; display: block; border: none;"></div> </div> </div> <div class="conright" style="margin-right: 0px;"> <!-- <div class="hdp_container"> <div class="pic_scroll" style="width: 334px; height: 488px; position: relative; top: 0px;"> <div class="cont con0" style="width: 334px; height: 244px;"> <img src="qtimages/llww.jpg" style="width: 334px; height: 244px; display: block; border: none;"></div> </div> </div> --> </div> </div> <script type="text/javascript" src="qtimages/jquery.smoove.js"></script> <script type="text/javascript">$('.block').smoove({offset:'10%'});</script> <jsp:include page="qtdown.jsp"></jsp:include> </body></html>  

为什么从导航添加新的标签页以后，是在右侧下面叠加的，而不是隐藏其它，只显示当前 。 F12看确实是新添加或者切换的item是有layui-show的，其他没有。

现在有多个商品，每个商品下面都有一个详情按钮，现在需要点击商品对应的详情按钮，跳转到对应的商品详情页面，（只有一个详情页面，）要根据商品动态的渲染详情页面，怎么实现

jquery+kendo 我用kendoWindow的refresh打开一个页面，页面是一个表格，提交表格后想自动关闭窗口，有什么办法可以做到

怎么选择带有data-src属性的img 标签

在js 或者jquery 里怎么判断一个img标签有没有data-src属性

在使用DataTables出现无法获取到数据填充到表格 DataTables版本1.10.24 后端传回的数据如下： js代码片段如下： "serverSide": true, "processing": true, <%--"ajax": '${pageContext.request.contextPath}/user/userlist',--%> // "fnServerData": function (sSource, aoData, fnCallback, oSettings) { oSettings.jqXHR = $.ajax({ "dataType": 'json', "type": "GET", "url": '${pageContext.request.contextPath}/user/userlist', "data": aoData, "success": function(data){ fnCallback (data) } }); }, "fnDrawCallback": function (oSettings) { var json = jQuery.parseJSON(oSettings.jqXHR.responseText);//对获取到的相应数据进行解析处理 $("#sumEarn").html(json.sums); }, "columns": [ {"data": "bName"}, {"data": "bIntro"}, {"data": "author"}, {"data": "time"}, {"data": "words"}, ], 前端页面显示： 只能显示出页码信息和数据总量，翻页时ajax可以正常提交 于是我修改了后端传回数据的格式，如下： 此时前端页面数据正常显示，如下： 但是由于没有了页脚的信息（没传回来当然没有了），求一个解决方案，

$(function(){ $.ajax("sourceop",{ type:"GET", dataType:"json", success:function(jsonData){ var content = ""; for(i = 0;i<jsonData.length;i++){ content += "<tr><td>"+jsonData[i].sourceId+"</td><td>"+jsonData[i].sourceName+"</td</tr>"; } $("tbody").html(content); } }); }); 小白完全不懂，这么写结果根本没反应，连controller层都到不了，不知道为什么？ 我是想通过循环直接将数据给到<td>，但是不知道是不是datatable不支持这样？

//gulpfile.js文件： const gulp = require('gulp'); const uglify = require('gulp-uglify'); //压缩js const cleanCSS = require('gulp-clean-css'); //压缩css const scss = require("gulp-scss"); //编译scss const sass = require("gulp-sass"); //编译scss const connect = require('gulp-connect'); //静态服务器 const Proxy = require('gulp-connect-proxy'); //静态服务器 const less = require('gulp-less'); //编译less gulp.task('build', ['js', 'css', 'html', 'json', 'img', 'less','scss'], function () { console.log("项目创建成功") }) gulp.task('default', ['watch', 'serve']); // //监听文件改变 gulp.task('watch', function () { gulp.watch('js/*.js', ['js']); gulp.watch('css/*.css', ['css']); gulp.watch('*.html', ['html']); gulp.watch(['json/*.json', '!package.json', '!package-lock.json'], ['json']); gulp.watch('imgs/**', ['img']); }) //压缩js gulp.task('js', function () { return gulp.src('js/*.js') .pipe(uglify()) .pipe(gulp.dest('dist/js')) .pipe(connect.reload()); }); //压缩js gulp.task('css', function () { return gulp.src('css/*.css') .pipe(cleanCSS()) .pipe(gulp.dest('dist/css')) .pipe(connect.reload()); }); //拷贝html文件 gulp.task('html', function () { return gulp.src('*.html') .pipe(gulp.dest('dist')) .pipe(connect.reload()); }); //拷贝json文件 gulp.task('json', function () { return gulp.src(['json/*.json', '!package.json', '!package-lock.json']) //排除'!package.json','!package-lock.json'文件 .pipe(gulp.dest('dist/json')) .pipe(connect.reload()); }); //拷贝图片 gulp.task('img', function () { return gulp.src(['imgs/**']) .pipe(gulp.dest('dist/imgs')) .pipe(connect.reload()); }); //编译less并压缩 gulp.task('less', function () { return gulp.src(['less/*.less']) .pipe(less()) .pipe(cleanCSS()) .pipe(gulp.dest('dist/css')) .pipe(connect.reload()); }); //编译scss并压缩 gulp.task('scss',function () { return gulp.src(['scss/*.scss']) .pipe(sass()) .pipe(cleanCSS()) .pipe(gulp.dest('dist/css')) .pipe(connect.reload()); }); //静态服务器 gulp.task('serve', function () { connect.server({ root: 'dist', port: 9000, livereload: true, //热加载 }) }) index.html文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="./css/index.css"> <script src="./js/jquery2.0.js"></script> <script src="./js/index.js"></script> </head> <body> <h1>我是首页</h1> <div id="box"></div> <script> $('#box').load('./home.html') </script> </body> </html>  服务器开启之后，谷歌浏览器控制台报跨域问题：  

请教如何添加多个不同的提示信息，如下显示的是JS第一行和第二行的文字，现在想添加7，8行文字进去，再通过下面的内链id="subsc-btn1"弹出浮窗。   网页html内靠链接： <a id="subsc-btn1" class="rad" href="javascript:void(0);">有新消息通知我</a> 触发浮窗：   JS： //弹出层 (function(){ var oMas = $("#mask"); function fnfadeIn(i1,i2){ i1.fadeIn(); i2.fadeIn(); } function fnfadeOut(i1,i2){ i1.fadeOut(); i2.fadeOut(); } //订阅 var oSub = $("#subscribe"); var oSh = $("#subscribe h3"); var oSp = $("#subscribe p"); var oSs = $("#subscribe span"); var oSb0 = $("#subsc-btn0"); var oSb1 = $("#subsc-btn1"); var oSb2 = $("#subsc-btn2"); var arr = [ "订阅楼盘详细资料", "想了解更多楼盘资料？！马上订阅楼盘详细资料，更全面的了解楼盘，买房更安心。", "订阅优惠活动通知", "总是错过楼盘优惠活动？！一键订阅楼盘活动通知，优惠活动优先通知您，让您不再错过买房好时机！", "订阅价格变动通知", "价格变动太快？！立即订阅价格变动通知，涨价降价我们第一时间通知您，为您找好买房时机！" ] oSb0.click(function(){ fnfadeIn(oSub,oMas); oSp.text(arr[1]); }); oSb1.click(function(){ fnfadeIn(oSub,oMas); oSh.text(arr[2]); oSp.text(arr[3]); }); oSb2.click(function(){ fnfadeIn(oSub,oMas); oSh.text(arr[4]); oSp.text(arr[5]); }); oSs.click(function(){ fnfadeOut(oSub,oMas); }); })();     CSS: #mask { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; background-color:#000; filter:alpha(opacity=50); -webkit-opacity:.5; -moz-opacity:.5; -ms-opacity:.5; -o-opacity:.5; opacity:.5 } #activity,#subscribe,#welfare { display:none; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; z-index:101; overflow:hidden } #subscribe { padding:20px; background:#ff6 } #subscribe span { display:block; width:15px; height:15px; background:url(/templets/img/icon01.png) no-repeat 0 -120px; position:absolute; top:10px; right:10px; cursor:pointer } #subscribe h3 { font-size:1.2em; text-align:center } #subscribe p { line-height:25px } #subscribe input { width:100%; height:30px; padding:0 5%; margin-top:10px; margin-bottom:30px; border:1px solid #ccc } #subscribe input:focus { border:1px solid #e84649; color:#e84649; background-color:mistyrose } #subscribe button { height:30px; background-color:#e84649; color:#fff; border:0; border-radius:15px; cursor:pointer } #subscribe em { display:block; margin-top:10px; text-align:center; font-size:1em; color:#e84649 }   刚才依葫芦画瓢，上面代码里新加 var oSb3 = $("#subsc-btn3"); 网页不触发浮窗 请教各位大神，JS代码应该如何写？

['btn-' + this.size] : this.size !== '', ['btn-disabled'] : this.disabled 变量什么的不重要，主要是这里面中括号与冒号的使用问题，看不懂这里面的逻辑

这是一个通过不同的参数调用不同的js的方式，但是有时候还没加载出来页面就渲染完成了，请问有什么办法解决吗 js未加载出来导致报错

接口返回集合列表； 前端循环展示列表，某个字段求和，然后最后一行，展示统计的结果即合计  

使用openlayers画线路，线路现在已经画出来。但是有个需求，需要在线路上做一个流动效果来表示线路的轨迹方向 可以参考https://echarts.apache.org/examples/zh/editor.html?c=lines-bmap-effect这个echarts上 的效果，和这个类似 技术是用的openlayers画的是lineString

我做了一个项目,用谷歌浏览器打开运行一下就会报错,而用ie和火狐浏览器就不会报错,请问这是为什么呢?,谢谢各位大佬了 这个是谷歌浏览器报错的内容

新人入坑，求大佬帮忙看看问题所在，是jar包导入错误还是impor漏了什么或者其他情况

$(‘#form’).reset()这个使用后 一点击页面就成了404 源代码是 layui.$.ajax({ url : '/Feedback/submit', type : 'POST', data : data, dataType : 'json', success : function(json){ console.log('ajax data return success'); console.log(json); if(json.status) layui.layer.msg('Message successfully'); else layui.layer.msg(json.info); } })  

上一层页面有两个tag success: function (data) { var result = data; if (result) { jeBox.msg("保存成功！", { icon: 2, time: 2, boxSize: ["200px", "60px"], offset: ["auto", "auto"], padding: "5px", endfun: function () { window.parent.location.reload(); // parent.$('#addUserDia').dialog('close') } }); } else { jeBox.msg("保存失败！", { icon: 1, time: 2, boxSize: ["200px", "60px"], offset: ["auto", "@35%"], padding: "5px", }); } } 现在写的这个返回并刷新在第一个标签里，但我是在第二个标签里打开的 jsp也是第二个页面打开的。  我想让在子页面操作后，让他返回对应上一层页面并刷新