My97DatePicker事件无效，触发事件calendar.js,datepicker.css等文件无法加载

2024-05-19 00:25:54

使用My97DatePicker时间控件出现路径问题，本文引用wdatepicker代码是：

<script type="text/javascript"src="content/H-UI/lib/My97DatePicker/WdatePicker.js"></script>

浏览器能正常访问WdatePicker.js，WdatePicker.css文件。当触发wdatepicker事件，calendar.js,datepicker.css文件无法访问，错误如下：

Failed to load resource: the server responded with a status of 404 (Not Found)
zh-cn.js Failed to load resource: the server responded with a status of 404 (Not Found)
calendar.js Failed to load resource: the server responded with a status of 404 (Not Found)

错误分析：

我们路径上面多了一个/fruitActivity，造成的原因是因为WdatePicker.js形成事件控件功能是通过js生成一个HTML页面，标签下面标签造成访问多了像上面多了个/fruitActivity,这个是请求将要使用datepicker页面的请求namepace，也就是项目访问路径下一级路径，它是通过固定截取的，如果项目访问路径变成”/A”，这个datepicker也会出错。datepicker通过制造静态访问（不通过服务tomcat访问）就不会出现以上错误。

解决方法：

解决这个问题是在WdatePicker.js源代码中：

K.skin=J.skin;var $=["<head><script>",""
改变为：

K.skin=J.skin;var $=["<head><base href='/'><script>",""

就是添加base标签。
下面打印出生成HTML页面的属性，js变量为$

这个方法不怎么好，但技术有限，不知道还有什么方法。如果有谁知道的，评论通知一下。

My97DatePicker事件无效，触发事件calendar.js,datepicker.css等文件无法加载相关推荐

vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...
通过JS和CSS，实现网页加载中的动画效果
需要材料: 一张loading动画的gif图片基本逻辑: 模态框遮罩 + loading.gif动图, 默认隐藏模态框页面开始发送Ajax请求数据时,显示模态框请求完成,隐藏模态框下面我们通过 ...
【vue】用WOW.js+animate.css实现页面滚动加载元素动画
一.场景在很多的网站中,我们发现在滚动条滑动的时候一些元素显示出来的时候是有一些动画效果的,这样看起来页面更具有活力,增加用户体验.当然这些动画我们可以通过判断滚动条的位置或者判断元素距离可视窗口的 ...
js修改本地json文件_Flutter加载本地JSON文件教程建议收藏
今天农村老家的天气不是很好而且外面还下雨了,每天只能坐在老家打开电脑,看看文章,写写文章今天我给大家带来一篇Flutter加载本地JSON文件教程本头条核心宗旨欢迎来到「技术刚刚好」作者,「 ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
JS，两种在页面加载完成后自动执行的方法（ready，onload）
JS,两种在页面加载完成后自动执行的方法 1.jQuery的ready事件,需要引入jQuery的包才能使用,表示文档结构已经加载完成(不包含图片等非文字媒体文件): ready可以多次调用,可以绑定 ...
html js 如何判断页面是第一次访问还是重复刷新访问,使用JS判断页面是首次被加载还是刷新...
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加 ...
vue项目中主要文件的加载顺序（index.html、App.vue、main.js）
先后顺序: index.html > App.vue的export外的js代码 > main.js > App.vue的export里面的js代码 > Index.vue的ex ...
html canvas直线进度条,js+HTML5 canvas 实现简单的加载条(进度条)功能示例
本文实例讲述了js+HTML5 canvas 实现简单的加载条(进度条)功能.分享给大家供大家参考,具体如下: www.jb51.net canvas实现加载条动画 /* * 获取canvas, ca ...
Nginx相关解决nginx反向代理后页面上的js/css文件无法加载
解决nginx反向代理后页面上的js/css文件无法加载 location ~ \.php$ {proxy_pass http://127.0.0.1:8000;include naproxy.con ...

最新文章

热门文章