javascript
文章平均质量分 73
sxf359
这个作者很懒,什么都没留下…
展开
-
fontawesome-webfont.woff2 404
检查了下提示的文件路径,没有错。是文件类型没有在iis中注册的缘故在MIME类型中注册:.woff2 application/x-font-woff.woff application/x-font-woff注册后浏览该网页,不再报次错误,问题解决...原创 2020-04-01 14:29:29 · 433 阅读 · 0 评论 -
jquery实现点击缩略图在弹出层显示原图功能
这里使用了layer弹出组件。官方网址:http://layer.layui.com/第一种方法代码如下: var img = new Image(); img.src = $("#jiaoguitu").attr("src"); var imgHtml = ""; //捕获页 layer.open({ type: 1,原创 2017-05-26 16:59:27 · 8595 阅读 · 0 评论 -
一例knockout with绑定,异步调用数据为null导致的绑定div标签内容不能显示的解决
昨天在做页面发表评论和评论分页显示问题的时候遇到一问题。我的这个页面是交规题目练习页面,这个页面会有多道题。当点击每道题的评论后,下面id为pinglun部分的内容会显示出来。这部分内容用了with绑定。由上到下依次会显示评论内容,按先后次序显示。然后是分页,这个分页只有在超过两页后才会显示上一页,下一页。最下面是一个评论内容输入框及一个提交评论按钮。代码如下:原创 2017-06-07 10:15:49 · 1302 阅读 · 0 评论 -
layer插件如何在弹出层中弹出一警告提示并关闭弹出层
昨天layer插件弹出层关闭问题弄的我直挠头,短短几行代码,用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层,在层内是微信支付二维码,客户扫码支付。支付成功后关闭此弹出层,并提示项目投递成功,然后再跳转到其他页面。为了监控微信二维码扫码支付是否成功。我利用了每隔三秒,查询下支付订单,查看支付订单的支付状态是否改变。在实际操作中由于使用的是location.hr原创 2017-07-04 09:07:19 · 10383 阅读 · 0 评论 -
mvc中大类和小类二级联动下拉框使用 select2 插件的初始加载方法
cshtml页面中的html代码: 类别 大类: 小类: 页面引用的select2 插件文件:页面中js代码的写法:原创 2017-07-14 15:26:07 · 1424 阅读 · 0 评论 -
select2二级联动存在默认值的情况下第二级默认值有时会加载不上
源代码如下:$(function () { var level1 =@ViewBag.level1; var level2=@ViewBag.level2; $.post("/service/getcustomersortlist", { parent: 0 }, function (data) {原创 2017-07-29 14:57:12 · 1865 阅读 · 0 评论 -
使用layer的alert函数完成根据post请求结果弹出一个提示,然后刷新本页面
$.post("/admin/customer/FrozenCustomer", { gid: $(e.currentTarget).data("gid") }, function (data) { layer.alert(data, { title: "冻结操作", btn: ['确定原创 2017-07-17 14:38:58 · 1109 阅读 · 0 评论 -
layer实现删除确认及操作完成后弹出提醒,然后刷新本页面
layer.confirm("确认要删除吗,删除后不能恢复", { title: "删除确认" }, function (index) { layer.close(index); $.post("/admin/customer/DeleteCustomer", { gid: $(e.currentTarget).data("gid")原创 2017-07-17 14:57:33 · 48284 阅读 · 4 评论 -
knockout.mapping插件的ko.mapping.fromJS两种不同调用的区别
page.VM.JobClass = ko.mapping.fromJS(jobClassX);此种用法必须在ko.applyBindings(page.VM);代码之前才能再页面中正确显示,如果在ko.applyBindings(page.VM)这行代码的后面,则页面中显示不出值但是以下代码:page.VM.JobClass = ko.mapping.fromJS(jobCl原创 2017-07-30 15:06:11 · 2569 阅读 · 0 评论 -
knockoutjs的foreach绑定应首先判断数组是否为空,否则会出错
dl style="position:relative;clear:both;margin-left:10px;"> 已选择: dd class="joblabel" data-bind='text:$data'>dd> dl> 此foreach循环首先判断Industrya原创 2017-07-31 07:01:18 · 2172 阅读 · 0 评论 -
jquery 单选按钮获取选中的值
页面加载完后获取默认选中的单选按钮值:$("input[name=ReviewStatus]:checked").val();点击变换单选按钮时实时获取选中的值:$("input[name=ReviewStatus]").click(function () { console.info($(this).val());});原创 2017-08-08 16:37:53 · 509 阅读 · 0 评论 -
实现点击单选按钮后面的文字说明自动选中相应单选按钮功能
cshtml代码: 回访状态 关机、欠费、拒接、无法接通、忙音、线路忙、正在通话中 机主不在、换号非本人 空号、停机、黑名单 接通、挂机、不需要原创 2017-08-16 10:08:29 · 2278 阅读 · 0 评论 -
jquery获取select选中值的文本,并赋值给另一个输入框
html 代码:空号不接不需要挂机黑名单成功相关js 代码:$(function () { $("#ReviewMark").val($("#ReviewStatus").find("option:selected").text()); $("#ReviewStatus").change(functi原创 2017-07-29 09:43:29 · 4334 阅读 · 0 评论 -
javascript闭包调用报错:xxx is not a constructor
一个简单的闭包写法:var ScrollLoad = function () { var _range = 80; //距下边界长度/单位px var _loaded = false; //是否所有数据已加载完 var _pageIndex = 1; //其他代码 //...略 retu原创 2017-10-13 10:27:22 · 91515 阅读 · 0 评论 -
自写的第一个javascript组件滚动加载ScrollLoad开发过程
滚动加载组件开发我的需求:页面前端使用的是bootstrap+knockout 开发。前端采用的是MVVM绑定自服务器中获取的数据,原来是采用分页实现的,因为要开发手机可以访问的网页,所以修改为滚动加载形式,一旦下拉到页面底部,就用jquery的$.post 加载下一页。首先想到的就是在github上获取别人已经造好的轮子原创 2017-10-15 17:45:32 · 1346 阅读 · 0 评论 -
表单序列化及如何增加一行值
if (formObj.form('validate')) { var formData = formObj.serializeArray(); //输出以数组形式序列化表单值 formData.push({name:"yt_materialname",value: $("#yt_material...原创 2018-06-22 17:15:07 · 430 阅读 · 0 评论 -
javascript去掉字符串前面的所有0的正则实现
字符串是这个样子,0000202或者00000840,要对字符串前面的0在显示时去掉,只显示202,840.正则实现如下:var str="00000802";var reg = new RegExp("([0]*)([1-9]+[0-9]+)", "g");console.info(str.replace(reg, "$2")); ...原创 2018-07-23 11:24:26 · 5317 阅读 · 0 评论 -
利用jquery ui实现微信底部的二级下拉菜单
近日在进行一个网站微信网页开发的时候需要实现在微信底部二级下拉菜单,此菜单非微信自定义的二级菜单。由于使用了jquery weui插件,先在上面找,jquery weui中没有现成的组件可以使用。自己开发,想想还是算了,在网上找吧。找到一个使用jquery ui插件的,其自带有menu组件,可以轻松实现二级菜单。引用了jquery ui插件的js,及css文件后写了底部实现的html代码:原创 2017-05-07 22:51:05 · 1339 阅读 · 0 评论 -
jquery把不定长的json对象键值对字符串在页面上经过转换输出
转换输出前的json对象:这是从数据库中读取的以json对象存取的字符串。想实现每行以键值对形式的输出,输出结果每行大致是这个样子:操作类型:登录用户名:admin这个操作内容的MVC代码: @Html.DisplayFor(modelItem => item.Operation )无疑是循环输出的。为了把输出内容转换,需要用jquery的each循环。原创 2017-05-06 08:44:30 · 745 阅读 · 0 评论 -
在手机浏览器上jplayer全屏播放视频设置在播放完成或者中间停止播放后手机浏览器的网页不能上下滚屏的解决
在安卓浏览器上进行手机版wap网页视频播放调试的时候发现我用的jplayer视频播放插件,由于当时做的时候要求的是打开自动全屏播放,在电脑端和手机端网页都做了如下处理:$("#jquery_jplayer_1").jPlayer("play");$(".jp-full-screen").click(); //最大化到全屏在电脑端做测试的时候无论是等待视频播放完成还是播放中间终止,该视频原创 2017-05-14 21:08:02 · 5132 阅读 · 0 评论 -
button 控件没有选择type类型导致kindeditor弹窗不能正常显示的错误
刚开始怀疑是kindeditor控件有问题。进行了各种替换,也更换了编码,问题依旧。后来弄了两个页面,使用同一套kindeditor文件,一个正常弹出,另一个弹不出来才排除并不是kindeditor插件问题。经过比对这两个页面的不同,目光最后投到这里。有问题的页面:button id="btn1">上传并预览button>点击的上传按钮是这个,然后显示不出来原创 2016-11-25 10:16:41 · 720 阅读 · 0 评论 -
ie浏览器网页中$(document.body).scrollTop()值始终为0的解决办法
当网页做了以下声明时document.body.scrollTop的值永远等于0。解决办法是只需把document.body用document.documentElement替换即可。尤其要注意" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"或"http://www.w3.org/TR/ht原创 2016-11-25 11:02:20 · 3074 阅读 · 0 评论 -
select2插件与knockoutjs插件配合使用进行微信select下拉框开发
最近在用微信开发过程中需要设计多选下拉框。在开发过程中采用的是jquery-weui.js的select插件,开发出来后老板并不认可这种底部弹出选择的方式,觉得用户体验并不怎么好。不如在下拉框附近弹出体验好。因为在网页端多选下拉框设计中是采用的select2与knockoutjs配合使用的。效果不错,所以想拿来用。设计出来是这个样子的。select class="select2-contain原创 2016-11-26 08:43:40 · 3174 阅读 · 0 评论 -
jquery实现获取多个复选框选中值,并拼接为字符串
选中值并且赋值给数组arrvar arr = []; $("input[name='chk']:checkbox").each(function(index) { if ($(this).prop("checked") === true) { console.info($(this).val()); ar原创 2017-01-02 16:11:17 · 5474 阅读 · 0 评论 -
不要试图直接用jquery改变knockoutjs的data-bind方法绑定的值
select class="weui_select select2-container" id="Industry" multiple="multiple" data-bind="value:Industry"> select>比如此绑定后Industry为null$("#Industry").val(""); //赋空字符串无效$("#Industry").val("b"原创 2017-01-02 19:10:12 · 2761 阅读 · 2 评论 -
jquery点击事件获取该元素在整个一类元素中的索引值
有一类div标签,class为pointbox,数量不等,有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中索引值,以便进行其他操作。代码很简单:$(".pointbox").click(function () { var index=$(".pointbox").index($(this)); });但是很有用。做下笔记原创 2017-01-03 16:54:44 · 11472 阅读 · 2 评论 -
knockoutjs从多个数据源获取到的数据合并到一个javascript的viewmodel中使用
使用场景是这样的。在页面某部分自试题库中随机读取了数十道题。试题的序号是在页面中自动生成的。当点击某个试题序号的时候,我需要自试题库中读取这个试题标题,选项,答案等信息,也需要这个标题的序号传到knockout同一个viewmodel中。刚开始序号打算是用javascript的cookie来获取的。可是还要找一个cookie插件,觉得麻烦。我印象中在knockout的说明中有多个源合并到一个vie原创 2017-01-03 17:04:08 · 1112 阅读 · 0 评论 -
jquery判断一个文件是否存在函数写法的历程
第一次的写法:function Exists(url){ $.ajax({ url: url, type: 'HEAD', error: function () { //file not exists console.info("file not exists ");原创 2017-02-16 17:09:52 · 4713 阅读 · 1 评论 -
knockoutjs对复选框赋值导致的去到另一页面后,再history.back()回退所有复选框被选中问题的解决
近日遇到一个问题。在做网站开发时一个页面使用了knockoutjs对一系列复选框进行赋值。然后在会员勾选一部分复选框后会跳到另一个页面。但是当会员按浏览器的回退按钮时,却出现了回退后的页面中所有复选框被选中的问题。出错代码如下:123456div class="col-md-12 border" data-bi原创 2017-01-17 18:12:43 · 1774 阅读 · 0 评论 -
选择题选项随机排序的jquery实现
要求答题的A,B,C,D答案能够随机变化位置,也就是A,B,C,D答案内容每次刷新都应该是不同的。实现前的html源代码:123456div class="col-md-12" id="datiOption"> p class="bigFont"原创 2017-01-18 17:33:49 · 3065 阅读 · 0 评论 -
jquery中使用javascript的with简化代码的写法
未使用with的javascript写法: $(".btn40").click(function () { var index = $(".btn40").index($(this));if($("#datiOption p").eq(index).find(":input").prop("checked")) { $("#datiOption p").eq(index).f原创 2017-01-22 17:55:25 · 397 阅读 · 0 评论 -
网站的视频文件如何每次播放都从服务器下载而不是播放本地缓存
近日领导提出在服务器的视频文件修改的情况下,客户端仍然播放的是老的视频文件,甚至服务器端视频文件已经不存在了,客户端打开仍然可以播放,只不过还是播放的老的视频文件。要求每次播放从服务器下载,而不是播放缓存中的文件。我第一反应是不可能吧。视频文件的缓存是浏览器控制的,服务器端怎么能控制。这时领导就说优酷他们的视频为什么每次播放都是最新的,而不是缓存中的。我当时就想说,优酷他们有自己开发的播放器,这可原创 2017-03-24 10:12:50 · 8788 阅读 · 2 评论 -
bootstrap datetimepicker调整开始日期
近日,在使用 bootstrap datetimepicker 插件的时候发现,点击后是从1899年12月开始的,而要调整到2017年的日期,需要经过多次点击才能实现,非常麻烦。查找资料发现,可以在初始化 datetime 选项的时候增加startDate设置:$(".form_datetime").datetimepicker({ autoclose: true,原创 2017-03-27 10:12:03 · 27298 阅读 · 0 评论 -
利用jquery对MVC输出的json对象进行处理,修改日期格式及取字符串的一部分
mvc从数据库中获取的对象如下:[{"Name":"Simulation-shengxuefei-1492676375126","ExamResult":1,"ExamTime":11502,"CreateTime":"\/Date(1492676375437)\/","GID":"7a38b744-2344-4b35-a593-d8c58bf0b48b"},{"Name":"Simulati原创 2017-04-29 12:03:41 · 868 阅读 · 0 评论 -
高亮关键词显示函数及取消高亮关键词显示函数
近日需要完成考试题的题干及选项在该题有关键词的情况下,在勾选一个高亮关键词复选框的情况下能够红色高亮关键词显示。并且取消勾选能去掉红色高亮显示。要求的是可以支持多个关键词,这里多个关键词用逗号分隔。这里分享下实现高亮及取消高亮显示的代码。/** * 高亮关键词 * @param {any} content * @param {any} keyword */function keywo原创 2017-05-11 10:09:43 · 589 阅读 · 0 评论 -
使用前端构建工具批量为页面中引用的js文件添加版本号的历程
近日遇到有客户反应,页面打开显示不正常,不能完全的显示出页面。细问之下才得知,原来是有一个js文件修改了一个方法,但是上线后由于浏览器缓存的原因,还是加载的旧js文件,导致页面显示不正常了。给客户解释由于系统更新,需要强制刷新才可以。这天陆续又有客户反映遇到此问题,而有些客户由于对电脑了解的少,你说强制刷新他也不知怎么操作。思考是不是由网站自己解决此问题。先是考虑在页面引用的js文件后面加随机数来原创 2017-04-26 17:28:18 · 8562 阅读 · 3 评论 -
knockoutjs异步调用赋值导致的无缝滚动组件不起作用的处理
html代码:原创 2016-12-05 17:03:38 · 643 阅读 · 0 评论