搜索到
10
篇与
的结果
-
jQuery post打开窗口并传递数据 有时候，在项目中，我们为了隐藏URL，可以通过post的方式打开一个新的窗口，并将数据post到新的网页。以下代码通过一个隐藏的form标签，实现post打开新窗体功能。function openBlank(action,data,n){ var form = $("<form/>").attr('action',action).attr('method','post'); if(n) form.attr('target','_blank'); var input = ''; $.each(data, function(i,n){ input += '<input type="hidden" name="'+ i +'" value="'+ n +'" />'; }); form.append(input).appendTo("body").css('display','none').submit(); }使用方法：openBlank('/member/succeed.html',{id:'6',describe:'添加控制器, 包括前台与后台',money:$('.money:first').text()}); -
Jquery.cookie的使用 在原始的JavaScript中，我们可以通过document.cookie的方式获取cookie，但是由于cookie是字符串，所以当有多个值时，我们需要通过split方法进行截取。除此之外，我们可以通过正则表达式的方式通过名称获取cookie，但是正则表达式不容易阅读，起码我是这么认为的。为了方便读取或者设置cookie，我们可以引用jQuery.cookie插件。安装插件jQuery.cookie的下载地址，大家可以直接去网上下载，引用方法也非常简单，直接引用一个js即可，如下<script src="~/lib/jquery-cookie/jquery.cookie.js" type="text/javascript"></script>使用jQuery.cookie获取cookieif ($.cookie("UserName") != undefined) { $("#RememberMe").attr('checked', 'checked'); } 设置cookie$.cookie("UserName", $("#UserName").val());
-
js实现浏览器全屏以及退出全屏 东西很简单，直接上代码/* * 全屏 */ function fullScreen(ele) { var fullScreenEnabled = document.fullScreenEnabled || document.webkitFullScreenEnabled || document.mozFullScreenEnabled || document.msFullScreenEnabled; var isFullScreen = document.fullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement; if (fullScreenEnabled === undefined || fullScreenEnabled) { if (isFullScreen === undefined) { if (ele.requestFullScreen) { ele.requestFullScreen(); } else if (ele.webkitRequestFullScreen) { ele.webkitRequestFullScreen(); } else if (ele.mozRequestFullScreen) { ele.mozRequestFullScreen(); } else if (ele.msRequestFullScreen) { ele.msRequestFullScreen(); } else { console.log('不存在进入全屏的方法！ => undefined'); } } else if (isFullScreen === null) { if (ele.requestFullScreen) { ele.requestFullScreen(); } else if (ele.webkitRequestFullScreen) { ele.webkitRequestFullScreen(); } else if (ele.mozRequestFullScreen) { ele.mozRequestFullScreen(); } else if (ele.msRequestFullScreen) { ele.msRequestFullScreen(); } else { console.log('不存在进入全屏的方法！ => null'); } } else { console.log('元素已经是全屏状态了！'); return true; } } else { console.log('不支持全屏模式！'); } } /* * 退出全屏 */ function exitFullScreen() { var fullScreenEnabled = document.fullScreenEnabled || document.webkitFullScreenEnabled || document.mozFullScreenEnabled || document.msFullScreenEnabled; var isFullScreen = document.fullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement; if (fullScreenEnabled === undefined || fullScreenEnabled) { if (isFullScreen === undefined) { if (document.exitFullScreen) { document.exitFullScreen(); } else if (document.webkitExitFullScreen) { document.webkitExitFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullScreen) { document.msExitFullScreen(); } else if (document.msCancelFullScreen) { document.msCancelFullScreen(); } else { console.log('不存在退出全屏的方法！ => undefined'); } } else if (isFullScreen !== null) { if (document.exitFullScreen) { document.exitFullScreen(); } else if (document.webkitExitFullScreen) { document.webkitExitFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullScreen) { document.msExitFullScreen(); } else if (document.msCancelFullScreen) { document.msCancelFullScreen(); } else { console.log('不存在退出全屏的方法！ => null'); } } else { console.log('元素已经是非全屏状态了！'); return true; } } else { console.log('不支持全屏模式！'); } }
-
jquery checkbox勾选/取消勾选第二次无效的问题 代码如下$("#rdIsStop").attr('checked', result.isStop == '0' ? false : true); 问题描述这段代码，第一次执行的时候，没有任何问题，但是第二次以后再执行，你会发现不起作用。问题分析最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法：从1.5.2升级到1.6.1通过介绍新方法.prop()以及.attr()方法的改变，jQuery1.6.1引起了一场关于attributes和properties之间有何区别和联系的激烈讨论。同时，1.6.1也解决了一些向后兼容性问题。当从1.5.2升级到1.6.1时，你不必修改任何attribute代码。下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述，以及.attr()方法和.prop()方法的首选使用。然而，正如前面所述，jQuery1.6.1允许你使用.attr()方法就像以前它被使用在所有的情况中一样。发生了什么变化Attributes模块的变化是移除了attributes和properties之间模棱两可的东西，但是在jQuery社区中引起了一些混乱，因为在1.6之前的所有版本中都使用一个方法(.attr())来处理attributes和properties。但是老的.attr()方法有一些bug，很难维护。jQuery1.6.1对Attributes模块进行了更新，并且修复了几个bug。特别提到的是，boolean attributes，比如：checked,selected,readonly和disabled在1.6.1中和1.6之前的处理相同。这意味着下面的代码：解决办法替换attr为prop属性$("#rdIsStop").prop('checked', result.isStop == '0' ? false : true);
-
jquery easyui tabs切换问题 问题描述tab如果存在多个标签时，如果不关闭第一个标签，再打开第二个或者第三个。。。标签后，重新切换到第一个标签，结果第一个标签总是显示最后一个标签的内容。问题代码$.each(_menus.menus, function (i, n) { menulist += "<ul>"; $.each(n.menus, function (j, o) { menulist += "<li><div><a target='mainFrame' href='" + o.url + "'>" + '<span data-options="iconCls:\'icon-save\'"></span>' + o.menuname + "</a></div></li> "; }) menulist += "</ul>"; $(".easyui-accordion").accordion("add", { title: n.menuname, content: menulist, iconCls: n.icon }) menulist = ""; //每次循环完子菜单后清空，避免内容重复 })解决办法替换到菜单的href属性，替换成其他的任意属性，然后在打开时，调用新的属性$.each(_menus.menus, function (i, n) { menulist += "<ul>"; $.each(n.menus, function (j, o) { menulist += "<li><div><a target='mainFrame' openUrl='" + o.url + "'>" + '<span data-options="iconCls:\'icon-save\'"></span>' + o.menuname + "</a></div></li> "; }) menulist += "</ul>"; $(".easyui-accordion").accordion("add", { title: n.menuname, content: menulist, iconCls: n.icon }) menulist = ""; //每次循环完子菜单后清空，避免内容重复 })
-
扩展jQuery实现金额千分位计数 实现代码 /* * @character_set UTF-8 * @author Jerry.li(hzjerry@gmail.com) * @version 1.2014.08.24.2143 * Example * <code> * alert($.formatMoney(1234.345, 2)); //=>1,234.35 * alert($.formatMoney(-1234.345, 2)); //=>-1,234.35 * alert($.unformatMoney(1,234.345)); //=>1234.35 * alert($.unformatMoney(-1,234.345)); //=>-1234.35 * </code> */ (function($) { $.extend({ /** * 数字千分位格式化 * @public * @param mixed mVal 数值 * @param int iAccuracy 小数位精度(默认为2) * @return string */ formatMoney:function(mVal, iAccuracy){ var fTmp = 0.00;//临时变量 var iFra = 0;//小数部分 var iInt = 0;//整数部分 var aBuf = new Array(); //输出缓存 var bPositive = true; //保存正负值标记(true:正数) /** * 输出定长字符串，不够补0 * <li>闭包函数</li> * @param int iVal 值 * @param int iLen 输出的长度 */ function funZero(iVal, iLen){ var sTmp = iVal.toString(); var sBuf = new Array(); for(var i=0,iLoop=iLen-sTmp.length; i<iLoop; i++) sBuf.push('0'); sBuf.push(sTmp); return sBuf.join(''); }; if (typeof(iAccuracy) === 'undefined') iAccuracy = 2; bPositive = (mVal >= 0);//取出正负号 fTmp = (isNaN(fTmp = parseFloat(mVal))) ? 0 : Math.abs(fTmp);//强制转换为绝对值数浮点 //所有内容用正数规则处理 iInt = parseInt(fTmp); //分离整数部分 iFra = parseInt((fTmp - iInt) * Math.pow(10,iAccuracy) + 0.5); //分离小数部分(四舍五入) do{ aBuf.unshift(funZero(iInt % 1000, 3)); }while((iInt = parseInt(iInt/1000))); aBuf[0] = parseInt(aBuf[0]).toString();//最高段区去掉前导0 return ((bPositive)?'':'-') + aBuf.join(',') +'.'+ ((0 === iFra)?'00':funZero(iFra, iAccuracy)); }, /** * 将千分位格式的数字字符串转换为浮点数 * @public * @param string sVal 数值字符串 * @return float */ unformatMoney:function(sVal){ var fTmp = parseFloat(sVal.replace(/,/g, '')); return (isNaN(fTmp) ? 0 : fTmp); }, }); })(jQuery);
-
Jquery获取checkbox属性checked为undefined [typing]jQuery官方文档[/typing] As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop()method.[typing]jQuery版本变化[/typing]v1.6以后attr(‘checked’)就返回checked和undefined,v1.6以前返回true和false,v1.6以后可以使用is(':checked')或者.prop('checked')来返回true和false
-
-
WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping 症状WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。解决办法在webconfig中找到<appSettings> <add key="aspnet:UseTaskFriendlySynchronizationContext" value="true" /> <add key="ValidationSettings:UnobtrusiveValidationMode" value="WebForms" /> </appSettings> 删除即可。在网站根目录下新建一scripts文件夹,向里边添加jquery-1.7.2.min.js和jquery-1.7.2.js(可根据自己需要使用不同的版本），在根目录下添加全局应用程序类Global.asax文件，在Application_Start事件中添加如下代码：ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition { Path = "~/scripts/jquery-1.7.2.min.js", DebugPath = "~/scripts/jquery-1.7.2.js", CdnPath = "http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js", CdnDebugPath = "http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.js" });
-
TypeError: url.indexOf is not a function 问题在使用 jquery 3.3.1 版本时，写了如下测试代码： <script> $(window).load(function(){ console.log("just a test!"); }); </script>运行出错：TypeError: url.indexOf is not a function ..........原因：.load() , .error() , .unload() ,已经不再支持，jquery1.8版本之后的都无法再使用。解决办法使用.on("load",function(){.................}) 来代替.load() 即可。
