Liuyang | BlogLife

在使用Mootools的clone()功能时,经常会与到被clone对象有Id号,在HTML文档内,ID号是不能重复的.
想了一下.找了个简单的方法.

代码如下:
<div id="divPosition">This is my position</div> <div id="divTemplate" class="mInfo" style="display: none;"> <div class="mInfoAvatar">and this is my avatar</div> </div>
假定现在要复制暂时是hidden的divTemplate,则可以用如下方式来写:

var newDiv = $('divTemplate').clone(); // 复制divTemplate var nId = $random(1000,1999); //随机产生一个id号 newDiv.setProperty('id',nId); newDiv.injectAfter('divPosition'); //将复制出来的divTemplate插入到divPosition之后. newDiv.setStyle('display','block'); //显示此div.

Mootools很简洁,使用起来也很方便, 经过YUI compress压缩后,用gZip输出后大小只有20K左右.

目前我写过的最复杂的一个js是类似于又拍网的照片标注.

Yupoo其实用的也是Mootools,不过他的JS是被加密的,无奈只好按照自己的需求重写了一个.js代码大概是150行,基本上实现Yupoo上照片标注的功能.