
jquery
文章平均质量分 53
sxf359
这个作者很懒,什么都没留下…
展开
-
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 · 5538 阅读 · 0 评论 -
利用jquery ui实现微信底部的二级下拉菜单
近日在进行一个网站微信网页开发的时候需要实现在微信底部二级下拉菜单,此菜单非微信自定义的二级菜单。由于使用了jquery weui插件,先在上面找,jquery weui中没有现成的组件可以使用。自己开发,想想还是算了,在网上找吧。找到一个使用jquery ui插件的,其自带有menu组件,可以轻松实现二级菜单。引用了jquery ui插件的js,及css文件后写了底部实现的html代码:原创 2017-05-07 22:51:05 · 1387 阅读 · 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 · 8643 阅读 · 0 评论 -
一例knockout with绑定,异步调用数据为null导致的绑定div标签内容不能显示的解决
昨天在做页面发表评论和评论分页显示问题的时候遇到一问题。我的这个页面是交规题目练习页面,这个页面会有多道题。当点击每道题的评论后,下面id为pinglun部分的内容会显示出来。这部分内容用了with绑定。由上到下依次会显示评论内容,按先后次序显示。然后是分页,这个分页只有在超过两页后才会显示上一页,下一页。最下面是一个评论内容输入框及一个提交评论按钮。代码如下:原创 2017-06-07 10:15:49 · 1329 阅读 · 0 评论 -
layer插件如何在弹出层中弹出一警告提示并关闭弹出层
昨天layer插件弹出层关闭问题弄的我直挠头,短短几行代码,用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层,在层内是微信支付二维码,客户扫码支付。支付成功后关闭此弹出层,并提示项目投递成功,然后再跳转到其他页面。为了监控微信二维码扫码支付是否成功。我利用了每隔三秒,查询下支付订单,查看支付订单的支付状态是否改变。在实际操作中由于使用的是location.hr原创 2017-07-04 09:07:19 · 10433 阅读 · 0 评论 -
select2二级联动存在默认值的情况下第二级默认值有时会加载不上
源代码如下:$(function () { var level1 =@ViewBag.level1; var level2=@ViewBag.level2; $.post("/service/getcustomersortlist", { parent: 0 }, function (data) {原创 2017-07-29 14:57:12 · 1893 阅读 · 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 · 1155 阅读 · 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 · 48401 阅读 · 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 · 2600 阅读 · 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 · 2201 阅读 · 0 评论 -
使用Jquery blockUI插件实现在点击按钮提交后阻止再次点击,当处理完后解除阻止
使用的是ajax形式处理。代码如下:function UploadExcel(item, e) { //点击确定按钮的时候 $.blockUI({ css: { border: 'solid silver 1px', color: '#999999 ', padding: '5px'原创 2017-07-19 11:38:44 · 633 阅读 · 0 评论 -
jquery 单选按钮获取选中的值
页面加载完后获取默认选中的单选按钮值:$("input[name=ReviewStatus]:checked").val();点击变换单选按钮时实时获取选中的值:$("input[name=ReviewStatus]").click(function () { console.info($(this).val());});原创 2017-08-08 16:37:53 · 529 阅读 · 0 评论 -
实现点击单选按钮后面的文字说明自动选中相应单选按钮功能
cshtml代码: 回访状态 关机、欠费、拒接、无法接通、忙音、线路忙、正在通话中 机主不在、换号非本人 空号、停机、黑名单 接通、挂机、不需要原创 2017-08-16 10:08:29 · 2317 阅读 · 0 评论 -
jquery获取select选中值的文本,并赋值给另一个输入框
html 代码:空号不接不需要挂机黑名单成功相关js 代码:$(function () { $("#ReviewMark").val($("#ReviewStatus").find("option:selected").text()); $("#ReviewStatus").change(functi原创 2017-07-29 09:43:29 · 4377 阅读 · 0 评论 -
jquery parent()方法在table标签中使用需要注意的一个问题
今日,在页面的table中使用parent()方法回溯上级元素的时候发现了一个问题。很有意思,分享下。直接上代码:原创 2017-10-03 10:15:17 · 2561 阅读 · 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 · 91986 阅读 · 0 评论 -
jquery把不定长的json对象键值对字符串在页面上经过转换输出
转换输出前的json对象:这是从数据库中读取的以json对象存取的字符串。想实现每行以键值对形式的输出,输出结果每行大致是这个样子:操作类型:登录用户名:admin这个操作内容的MVC代码: @Html.DisplayFor(modelItem => item.Operation )无疑是循环输出的。为了把输出内容转换,需要用jquery的each循环。原创 2017-05-06 08:44:30 · 775 阅读 · 0 评论 -
在手机浏览器上jplayer全屏播放视频设置在播放完成或者中间停止播放后手机浏览器的网页不能上下滚屏的解决
在安卓浏览器上进行手机版wap网页视频播放调试的时候发现我用的jplayer视频播放插件,由于当时做的时候要求的是打开自动全屏播放,在电脑端和手机端网页都做了如下处理:$("#jquery_jplayer_1").jPlayer("play");$(".jp-full-screen").click(); //最大化到全屏在电脑端做测试的时候无论是等待视频播放完成还是播放中间终止,该视频原创 2017-05-14 21:08:02 · 5227 阅读 · 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 · 2800 阅读 · 2 评论 -
jquery点击事件获取该元素在整个一类元素中的索引值
有一类div标签,class为pointbox,数量不等,有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中索引值,以便进行其他操作。代码很简单:$(".pointbox").click(function () { var index=$(".pointbox").index($(this)); });但是很有用。做下笔记原创 2017-01-03 16:54:44 · 12185 阅读 · 2 评论 -
knockoutjs从多个数据源获取到的数据合并到一个javascript的viewmodel中使用
使用场景是这样的。在页面某部分自试题库中随机读取了数十道题。试题的序号是在页面中自动生成的。当点击某个试题序号的时候,我需要自试题库中读取这个试题标题,选项,答案等信息,也需要这个标题的序号传到knockout同一个viewmodel中。刚开始序号打算是用javascript的cookie来获取的。可是还要找一个cookie插件,觉得麻烦。我印象中在knockout的说明中有多个源合并到一个vie原创 2017-01-03 17:04:08 · 1137 阅读 · 0 评论 -
ko.mapping.fromJS不同参数导致的不同结果
page.VM.JobClass = ko.mapping.fromJS(jobClassX);此种用法必须在ko.applyBindings(page.VM);代码之前才能再页面中正确显示,如果在ko.applyBindings(page.VM)这行代码的后面,则页面中显示不出值但是以下代码:page.VM.JobClass = ko.mapping.fromJS(jobClassX, {},原创 2016-12-23 20:26:49 · 3157 阅读 · 0 评论 -
jquery异步调用自数据库获取值通过knockoutjs赋值给职位二级菜单导致的jquery的hover事件不执行的例子
页面中的相应代码: 全部职位分类原创 2016-12-23 20:38:46 · 737 阅读 · 0 评论 -
linq自数据库中读取数据,返回匿名类型对象,以供前端使用
目的:自数据库表中读取数据,赋值给jquery的select2插件。由于select2插件接受树组形式是:[{id:"1",text:"组1"},{id:"2",text:"组2"},{id:"3",text:"组3"}]因此mvc 构造json对象: [HttpPost] public JsonResult GetUser原创 2017-01-06 22:48:27 · 1587 阅读 · 0 评论 -
jquery select2插件id为空导致服务端搜索不到内容问题的解决
mvc的一个select控件采用select2插件来控制。是这样写的:arr.unshift({ id: "", text: "请选择" });$("#level2").select2({ data:arr});增加了一个id=""的项,文本内容时请选择。在服务端会判断level2会否为空,如果为空,则构建相应linq语句的时候没有此搜索。如果不为空,则构建此搜索条件。代原创 2016-12-31 11:08:06 · 1499 阅读 · 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 · 4744 阅读 · 1 评论 -
knockoutjs对复选框赋值导致的去到另一页面后,再history.back()回退所有复选框被选中问题的解决
近日遇到一个问题。在做网站开发时一个页面使用了knockoutjs对一系列复选框进行赋值。然后在会员勾选一部分复选框后会跳到另一个页面。但是当会员按浏览器的回退按钮时,却出现了回退后的页面中所有复选框被选中的问题。出错代码如下:123456div class="col-md-12 border" data-bi原创 2017-01-17 18:12:43 · 1798 阅读 · 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 · 3138 阅读 · 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 · 422 阅读 · 0 评论 -
bootstrap datetimepicker调整开始日期
近日,在使用 bootstrap datetimepicker 插件的时候发现,点击后是从1899年12月开始的,而要调整到2017年的日期,需要经过多次点击才能实现,非常麻烦。查找资料发现,可以在初始化 datetime 选项的时候增加startDate设置:$(".form_datetime").datetimepicker({ autoclose: true,原创 2017-03-27 10:12:03 · 27384 阅读 · 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 · 884 阅读 · 0 评论 -
bootstrap modal插件弹出窗口如何限制最大高度,并且在内容过多时可以滚动显示
.modal-body{ max-height:400px; overflow-y:auto; } 只有在modal-body类上限制高度才能起作用,其他地方的限制均不起作用原创 2017-04-20 10:31:31 · 10479 阅读 · 1 评论 -
使用前端构建工具批量为页面中引用的js文件添加版本号的历程
近日遇到有客户反应,页面打开显示不正常,不能完全的显示出页面。细问之下才得知,原来是有一个js文件修改了一个方法,但是上线后由于浏览器缓存的原因,还是加载的旧js文件,导致页面显示不正常了。给客户解释由于系统更新,需要强制刷新才可以。这天陆续又有客户反映遇到此问题,而有些客户由于对电脑了解的少,你说强制刷新他也不知怎么操作。思考是不是由网站自己解决此问题。先是考虑在页面引用的js文件后面加随机数来原创 2017-04-26 17:28:18 · 8651 阅读 · 3 评论 -
自写的第一个javascript组件滚动加载ScrollLoad开发过程
滚动加载组件开发我的需求:页面前端使用的是bootstrap+knockout 开发。前端采用的是MVVM绑定自服务器中获取的数据,原来是采用分页实现的,因为要开发手机可以访问的网页,所以修改为滚动加载形式,一旦下拉到页面底部,就用jquery的$.post 加载下一页。首先想到的就是在github上获取别人已经造好的轮子原创 2017-10-15 17:45:32 · 1394 阅读 · 0 评论