比如做一个ajax读取留言列表的时候，每条留言后面有个回复按钮，class为“reply”,如果你用的是$(".reply").click(function(){ //do something... })，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。 其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。 解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法，如下： 为了达到更...
jquery1.7以上的都支持模块化加载，只是jquery默认的是支持amd，不支持cmd。所以要用seajs加载jquery时，我们需要稍微做下改动，需要把以下内容做下修改，具体修改方式如下： 把if (typeof define === "function" && (define.amd)) {define( "jquery", [], function() {return jQuery;});}改成if (typeof define === "function" && (define.amd || define.cmd)) {define( "jquery", [], function() {return jQuery;});}或if (typeo...
使用jquery easyui可以很容易的创建很炫的前台页面，最近在使用过程中发现dialog存在一个问题： 用户将dialog拖出页面后，dialog就不能拖下来了，除非要重新打开页面，这个问题对于用户体验来说是非常重要的， 所以就开始研究easyu API看看有没有相应的函数或者事件去处理，结果发现没有现成，只好自己想了个办法： 思路如下： 使用panel的onOpen事件，取得diglog的原始left和top 当用户在拖动dialog过程中，...
代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没有问题，但是在谷歌中可能会出现问题，之所以没货的尺寸就是因为图片没有加载完成。 修改方法如下:$(document).ready(function(){ $img.load(function(){ var img_h=$img.height(); var img_w=$img.width(); }) }) 还有点时间，接下来在给大家分享jQuery动态改变图片显示大小的方法，具体内容如下。 ...
easyUI是jquery的一个插件，是民间的插件。easyUI使用起来很方便，里面有网页制作的最重要的三大方块：javascript代码、html代码和Css样式。我们在导入easyUI库后，可以直接复制粘贴里面的代码，从而简单轻便地初步设置网页。 首先导入easyUI函数库： <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <script type=...
代码需求， 使用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...
近段时间接到一个比较奇葩的需求，对方要求在企业站中加入一个类似word的表单，并供用户在线填写与提交。 仔细看了一下，该表单的字段高达一百多个，这个量级是相当可怕的。如果每个input手动去填写id和name的话，该是一个多么可怕的体力活啊。 反复思考了一下，为避免苦逼的去逐个填写input的id与name，决定用JS配合PHP的方式来解决这个表单一连串的提交工作。 表单组成部分 表单首先按照客户的要求，将需要填写的表格与选项按照w...
一、jquery uploadify自我介绍： (1)、大家好，我是jquery插件大家族中负责实现异步上传的插件，我不是唯一，只是较好用的一款。 (2)、我的功能：支持单文件或多文件上传，可控制并发上传的文件数在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……通过参数可配置上传文件类型及大小限制通过参数可配置是否选择文件后自动上传易于扩展，可控制每一步骤的回调函数(onSelect, onCancel……)通过接口参数和CSS控制外观Up...
用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(...
<input type="radio" name="test"/><input type="radio" name="test" id = "input2"/>(说明：使用的jquery 版本是 1.10.2。) 使用 jquery 的removeAttr(),清除掉 radio 的checked属性后。使用 attr(checked,true)可以给对应的radio 附上 checked属性。但是页面展示，却没有选中。 解决方法：使用原生js 代码实现。var inputList = document.getElementByName("test");for(var x=0;x<inputList.length;x++){inputList[x].checked=fa...
JQuery boxy插件很好用，但也会出现一些问题，比如弹出框的边角在IE中不能显示。本博文将来解决这个问题。将boxy插件引用到项目中后会有一个boxy.css文件和jquery.boxy.js文件。在boxy.css文件中有给弹出框设置四个角图片的样式，如下图：不做任何修改在Chrome浏览器下没有问题，如下：在网上查了一些资料，说将css文件中的图片路径给位全路径可以解决问题，如下：发现这样修改后并没有作用，运行后效果仍然如下：有效的解决方法 将...
今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。1、trigger方法解释官方是这么解释的：代码如下: Description: Execute all handlers and behaviors attached to the matched elements for the given event type.用法： .trigger( eventType [, extraParameters] )其中eventType包含javascript内置的事件、jQuery增加的事件和自定义事件。例如：$(#foo).bind(click, function() {alert($(this).text()); }); ...
我先看jq api文档没有找到方法，无果只好到网上找些资料，果然找到live方法。其实很简单：1.这是项目要求达到的效果，当我没用live事件，只用了简单的hover事件时：hover事件没有加载进来，没有我想要的边框效果，效果图如下代码如下:/*经过用户技能标签增加样式*/$(function(){ $(".s-edited").hover(function(){ $(this).toggleClass("borderd");})}) 2.当我用了live之后，效果达到了，如下图：代码如下...
jquery.uploadify插件在chrome浏览器频繁崩溃问题，一直困扰了好久，网上很多人说是由于chrome缓存的原因，插件初始化时，需要引用js，而chrome的缓存导致没有没有请求到jquery.uploadify-3.1_min.js，所以引起崩溃，可以在引用js时，加入随机数：<script type="text/javascript" src="/js/jquery.uploadify-3.1_min.js?ver=<?php echo rand(0,9999);?>"></script> 按照这样的方法试了，发现这个办法并不能完全解决崩溃问题，比如在...