JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScrip...
前些日子不是在做使用Jquery-UI实现一次拖拽多个选中的元素操作嘛，在持续完善这个组件时遇到了一个关于拖放排序的bug。今天就着图片和代码重现一下，也顺便告诉大家如何解决这个问题。 首先先上图描述一下问题： 先来张正常的图：如上图，整个div层被我设置了固定高度和滚动条。页面如上所示，在可排序区域（黄色列表区域）可见情况下，从左面向右边拖拽时，可以成功触发排序的操作。 接着再来张bug图上图为bug触发说明图，将滚动...
在jQuery中，$是jQuery的别名，为了书写方便，我们更习惯用$(#id)这一类的方式来书写代码。当同一页面引用了jQuery多个版本或者jQuery与某些其他js库产生冲突，控制台就会报错。同一个页面多个版本冲突解决办法你可能会问，为什么在一个页面上会引用多个版本的jQuery，只引用一个不就好了吗？答案是：不行。一般要用到两个（或以上）版本的jQuery库的原因是：现有的网站已经用了旧版本的jQuery以及相关插件，直接将jQuery升级到新版...
在学习Jquery插件的时候，遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错，不知道为什么好纠结，但是项目能正常运行，后来找到解决方案，在这里给大家分享一下。解决方案如下所示：1.在MyEclipse软件中找打-----windows----preferences，会出现一个如下图所示的界面：2.在检索框输入一个validation----单击该validation节点，将对于JavaScript脚本的验证取消勾，然后点击Apply，一直yes就行。3.上述步骤操作完...
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。1.第一步 服务端设置响应头,在webapi的web.config做如下设置 <system.webServer> <httpProtocol> <!--跨域配置开始--> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /><!--支持全域名访问，不安全，部署后需要固定限制为客户端网址--> <add name="Ac...
最近项目的前端使用了jQuery，表单的前端验证用的是jQuery Validate，用起来很简单方便，一直都很满意的。 前段时间，根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器，用的是CKEditor，功能强大，定制方便，也很满意。 不过用CKEditor增强过的 textarea 元素，这个字段要求是非空的，在jQuery Validate总是验证不通过，原因就是在 CKEditor 编辑器填写了内容之后，编辑器并不是立即把内容更新到原来的 textarea 元...
本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件，由此引起了单击事件和双击事件的冲突。 编写测试代码 引起冲突的代码：问题效果展示：每一次触发双击事件都会引起两次单击事件 解决冲突的代码：解决问题效果展示：完美解决单击事件和双击事件冲突问题 这里主要用到两个HTMLDOMWindow对象中函数，settimeout(),clearTimeout()我这里两个单击事件触发的时...
代码需求， 使用attr只能执行一次，使用prop则完美实现全选和反选，获取所有选中的项并把选中项的文本组成一个字符串。解决方案一： 代码如下： <html> <head><script src="jquery-1.11.1.min.js" type="text/javascript"></script> </head> <body><input type="checkbox" name="chk_list[]" value="1" />1<input type="checkbox" name="chk_list[]" value="2" />2<input type="checkbox" name="chk_list[]" value="3" />3<input t...
用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。 具体不多说了，请看下面的代码吧。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试</ti...
通过XMLHTTPRquest请求不同域上的数据，原来js跨域访问是后台有个处理路径“/test”的函数。下面把具体解决方案介绍如下。 后台处理路径“/test”的函数：代码如下: //路径处理 app.get("/test",user.test); //处理函数 exports.test=function(req,res){ res.end("alert(JS跨域访问)"); }; 外部有一个网页需要访问路径”/test“下的内容，则可以通过JS脚本文件来跨域访问：代码如下: //处理函数 <script> function method(...
最近遇到个问题，同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时，发现失效了！于是找资料，原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名，jquery也一样。其实$只是jquery的一个别名而已，假如我们需要使用jquery 之外的另一js库，我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决这一问题的五种方案，总有一种你会用得上的。 例一：代码如下: <!DOCTYPE html PUBLIC "-...
在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG，咨询了大神，才闹明白怎么回事，这里记录下来，分析给大家。 先上代码：代码如下: <form> 你爱好的运动是？<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="checkbox" name="items" val...
1、传统方式<span style="font-size:18px;">$(function () { var url = "../Source/Query/jhDataQry.ashx?action=query"; $(dg).datagrid({ url: url, queryParams: { qsrq: qsrq, zzrq: zzrq } }); }) <table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true" data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:chjid,sortName:chjbh, q...
1.需求简介 jQuery的hover事件只是针对单个HTML元素，例如： 代码如下:$(#login).hover(fun2, fun2); 当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。 不过，有些时候我们希望当鼠标进入两个或多个元素时触发fun1，离开他们时触发fun2，而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素，如下图： 当鼠标进入二者的区域时触发fun1，离开时触发fun2。你也许会...
js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。 代码如下:<table> <tbody> <tr> <td>这行原来就有</td> <td><buttonclass="del">删除</button></td> </tr> <tr> <td>这行原来就有</td> <td><buttonclass="del">删除</button></td> </tr> </tbody>...