Laughing
有钱终成眷属，没钱亲眼目睹
搜索到
103
篇与
的结果
-
jqprint打印插件 jqprint打印插件支持谷歌、火狐、safari、ie等主流浏览器。而且jqprint打印设置非常简单。一个通过单击页面按钮，便实现页面打印的jQuery插件jqprint。使用jqprint使用非常简单，只需要在页面引入<script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 如果遇到Cannot read property 'opera' of undefined错误，是juqery版本兼容问题，可以通过引入jquery-migrate-1.2.1.min.js解决示例代码<div id="ddd"> <table> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> </table> </div> js <script language="javascript"> function a(){ $("#ddd").jqprint(); } </script> -
火狐浏览器不支持click、focusin、focusout方法 老版本的火狐浏览器是不支持click、focusin以及focusout方法的。我主要测试了focusin以及focusou方法，这两个方法需要火狐52以上版本才能够支持的。我们项目中，客户使用的火狐版本都是49的，对于这两个方法，我们可以修改成onfocus和onblur，这两个方法火狐49是支持的以下代码在火狐52以下版本不支持<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#input1").click(function(){ alert('老版本火狐无法弹出'); }); }); function focusout1(){ alert('focusout'); } function foucusin1(){ alert('focusin'); } </script> </head> <body> <input type="text" name="input1" id="input1" onfocusout="focusout1()" onfocusin="foucusin1()" /> </body> </html> 49版本支持以下代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#input1").click(function(){ alert('老版本火狐无法弹出'); }); }); function focusout1(){ alert('focusout'); } function foucusin1(){ alert('focusin'); } </script> </head> <body> <input type="text" name="input1" id="input1" onblur ="focusout1()" onfocus ="foucusin1()" /> </body> </html>
-
IE8下String的Trim()方法失效的解决方案 最近项目上线，都快被搞崩溃，一般我们项目测试都是IE9+版本或者火狐50+的，但是到了客户那边，偏偏跟我们对着干，客户电脑要么是IE8、要么就是火狐49的，我的天呀，简直疯了，这几天会在浏览器兼容性上进行调整了。用jQuery的trim()方法，$.trim(str)就可以了。String扩展：String.prototype.trim = function () { return this.replace(/(^\s*)|(\s*$)/g, ""); } String.prototype.ltrim = function () { return this.replace(/(^\s*)/g, ""); } String.prototype.rtrim = function () { return this.replace(/(\s*$)/g, ""); }
-
#2002 无法登录 MySQL 服务器 现象描述phpMyAdmin无法登录，输入用户名和密码后点击“执行”后一直报 “#2002 无法登录 MySQL 服务器”。原因分析一个MySQL客户可以两种不同的方式连接mysqld服务器：Unix套接字，它通过在文件系统中的一个文件(缺省“/tmp/mysqld.sock”)进行连接；或TCP/IP，它通过一个端口号连接。Unix套接字比TCP/IP更快，但是只有用在连接同一台计算机上的服务器。如果你不指定主机名或如果你指定特殊的主机名localhost，使用Unix套接字。错误(2002）Can't connect to ...通常意味着没有一个MySQL服务器运行在系统上或当试图连接mysqld服务器时，你正在使用一个错误的套接字文件或TCP/IP端口。由检查(使用ps)在你的服务器上有一个名为mysqld的进程启动！如果没有任何mysqld过程，你应该启动一个。解决办法将 “phpMyAdmin/libraries”文件夹下的config.default.php文件中的$cfg['Servers'][$i]['host'] = 'localhost';修改为$cfg['Servers'][$i]['host'] = '127.0.0.1';
-
phpstorm 2017.1激活方法 ## what is phpstorm PhpStorm是一个轻量级且便捷的PHP IDE，其旨在提高用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查。 ## 修改hosts文件激活方法 1. 直接用浏览器打开 http://idea.lanyus.com/ 2. 点击页面中的“获得注册码” 3. 将“0.0.0.0 account.jetbrains.com”添加到hosts文件中。 4. Mac系统依次打开。finder->前往文件夹->输入 /private/etc/ 即可找到hosts文件 5. 在注册时切换至Activation Code选项，输入获得的注册码一长串字符串，便可以注册成功了！
-
实时监听输入框值变化的完美方案：oninput & onpropertychange 实时监听输入框值变化的完美方案：oninput & onpropertychange从上面表格可以看出，oninput 事件在 IE9 以下版本不支持，需要使用 IE 特有的 onpropertychange 事件替代，这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发，有以下几种情况：修改了 input:checkbox 或者 input:radio 元素的选择中状态， checked 属性发生变化。修改了 input:text 或者 textarea 元素的值，value 属性发生变化。修改了 select 元素的选中项，selectedIndex 属性发生变化。在监听到 onpropertychange 事件后，可以使用 event 的 propertyName 属性来获取发生变化的属性名称。集合 oninput & onpropertychange 监听输入框内容变化的示例代码如下：<head> <script type="text/javascript"> // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9 function OnInput (event) { alert ("The new content: " + event.target.value); } // Internet Explorer function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } } </script> </head> <body> Please modify the contents of the text field. <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" /> </body>
-
-
-
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 = ""; //每次循环完子菜单后清空，避免内容重复 })
-
easyui datagrid获取隐藏列 问题背景在我们平时使用easyui的datagrid时，往往会将主键列（guid）进行隐藏，如下代码$("#dg").datagrid('hideColumn', 'SK_ID'); 对于隐藏的列，我们通过getSelected方法是无法获取到对应的值的，如下方法var selectRow = $("#dg").datagrid('getSelected'); 解决方法其实解决方法很简单，只需要设置datagrid的idField属性即可，如下<table id="dg" class="easyui-datagrid" data-options=" singleSelect:true, collasible:true, idField:'SK_ID', rownumbers:true, iconCls:'icon-view', pagination: true, pageSize: 10, pageList: [5, 10, 30], toolbar:'#toolBar', fit:true" style="width:100%;height:100%;padding:20px"> <thead> <tr style="height:32px"> <th data-options="field:'SK_ID',hiden:true">ID</th> <th data-options=" field:'SK_Code', width:'20%', loadMsg: '数据加载中...', editor:{ type:'validatebox', options:{required:true, validType:'length[1,100]'} }">编号</th> <th data-options=" field:'SK_Name', width:'30%', editor:{ type:'textbox' } ">名称</th> <th data-options=" field:'SK_IsStop', width:'10%', formatter:function(value,row){ return value=='0'?'否':'是'; }, onAfterEdit:afterEditRow, editor:{ type:'combobox', options:{ data:yesOrNoJson, valueField:'id', textField:'strText'}}">是否停用</th> <th data-options=" field:'SK_Note', width:'40%', editor:{ type:'textbox', options:{ multiline:true } } ">备注</th> </tr> </thead> </table>
-
easyui分页无法获取到pageSize的解决办法 问题描述今天在做easyui datagrid分页时，看到网上说的方法都是通过onSelectPage函数，获取对应的pageNumber和pageSize，然后调用后台传递json数据，但是我这边通过调用这个方法时，只有第一次调用的时候事件会触发，之后便不会再触发分页控件的方法。解决办法通过跟踪后台代码，发现通过onSelectPage函数传递到后台的数据，并不是改变后的数据，始终是一个数值。o(╯□╰)o，可能是我不太会用吧，后来还是通过后台代码，发现调用onSelectPage函数时，会自动传递一个page和rows参数，通过此参数即可。前台代码onSelectPage: function (pageNumber, pageSize) { $("#dg").datagrid({ "url": "Service/SettleKindService.ashx?func=getAllSettleKindByPage" }); }后台context.Request.Params["rows"] context.Request.Params["page"]
