文档章节

JS 工作日常整理

宇哥v587
 宇哥v587
发布于 2017/09/09 16:34
字数 478
阅读 10
收藏 0

/**点击删除*/
btn_delete : function() {                //因为是动态添加,所以该方法要在动态添加  html 的代码之后调用。每添加一次便为其绑定一次点击删除父标签的事件。
         $('.deleteImg').each(function(){    //因为多个 img 的 class 为 deleteImg,所以 $('.deleteImg')是一个数组,需要用 .each 方法遍历
           var that = this;                //that 是一个对象,$(that)是一个元素,.parent() 是一个方法。
            $(that).click(function() {
            $(that).parent().remove();
              });
          })
},

            
// 删除图片
$("#addUploadImg").on('click', 'img.deleteImg', function() {//因为是动态添加,所以要让其父类代理 为其绑定 点击删除父标签的方法。 
        $(this).parent().remove();
        $('#uploadBtn').css('pointer-events', 'initial');
});


//点击小图变大图
$('#addUploadImg').on('click','div',function(){
        layer.photos({
             photos: '.layer-photos-demo',
             anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
         });
});

// 初始化layer相册层
    var item = $('#addUploadImg').find('.uploadImg');    //由于初始化后需要点击两次才能触发点击事件,所以要在动态添加  html 的代码之后让其自动触发一次点击事件。
          if(item.length>0){
                item.eq(0).click();
        }
        
因为上面 layer.photos 方法使用代理为动态添加的html绑定,而 layer.photos 本身就使用了代理的方法。
所以建议直接在动态添加  html 的代码之后调用 :
    layer.photos({
             photos: '.layer-photos-demo',
             anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
         });


//限制图片上传次数
                                 if ($(".uploadImg").length >= 6) {
                                     $('#uploadBtn').css('pointer-events', 'none');
                                     layer.msg('只可上传六张图片文件!');
                                         layer.close(index);
                                 }


                        /*$('#bannerList').html(html);
                        var mySwiper = new Swiper('.swiper-container',{
//                            autoplay : 4000,//可选选项,自动滑动
                            loop : true,//可选选项,开启循环
                            pagination:".pagination",
                             paginationClickable:true,//实现小圆点点击
                             autoplayDisableOnInteraction:false,//在点击之后可以继续实现轮播
                             mousewheelControl : true,//能使用鼠标滚轮控制slide滑动。
                        });*/

var a = "abc";
!a = false;
!!a = true;
类似于 Boolean(a);

Number(10).toFixed(2); // 10.00

© 著作权归作者所有

共有 人打赏支持
宇哥v587
粉丝 1
博文 47
码字总数 20855
作品 0
南京
程序员
私信 提问
上海盛大招聘JavaScript开发工程师

盛大在线招聘高级、资深JavaScript开发工程师,诚邀互联网精英加盟,共同打造“互联网迪斯尼乐园”,欢迎加入盛大集团!申明本次招聘非外包、猎头! 岗位职责: * 负责盛大在线各频道日常JS开...

罗威尔
2010/04/20
386
0
【北京】招聘前端制作 猎头

【北京】招聘前端制作 职位:前端制作 职位描述: 1.负责公司网站类产品的前端开发工作; 2.运用 div+css 进行网页布局制作; 3.常规JS的编写工作; 4.处理日常工作中的一些页面BUG及调整工...

freya8688
2012/03/27
103
2
开发人员常用的10个JavaScript库

最近有很多学员在问我,有没有常用的javascript库,他们在日常使用的时候不知道去哪儿找。我在此整理出来,供麦子学院的学员们参考。 MooTools MooTools是一个简洁,模块化,面向对象的JavaS...

yexiaobo1990
2015/07/24
0
0
WEB前端开发学习:你思考过为什么JavaScript计算浮点数不准确吗?

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
06/03
0
0
12个令人印象深刻的JavaScript和HTML5的内容呈现框架

随着网页开发的指数式增长,越来越多的人投身到其中并贡献了诸多精美的网站。这些伟大的网站也许不同于那些不同的商业视角并且它们可以在各种行业做出贡献。随着网站开发领域的迅速改变和成长...

oschina
2014/02/09
6.2K
11

没有更多内容

加载失败,请刷新页面

加载更多

oh-my-zsh 自定义

GitHub 地址 基于 oh-my-zsh 的自定义配置,增加了一些个人常用插件与皮肤。 采用的是 git submodule 来维护,包括 oh-my-zsh,之所以这么搞,主要是手头有多台 linux 需要维护, 每台机器、...

郁也风
今天
4
0
Docker安装踩坑:E_FAIL 0x80004005的解决

参考 菜鸟教程--Windows Docker 安装 http://www.runoob.com/docker/windows-docker-install.html 官方文档-Install Docker Toolbox on Windows https://docs.docker.com/toolbox/toolbox_in......

karma123
今天
4
0
js垃圾回收机制和引起内存泄漏的操作

JS的垃圾回收机制了解吗? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。 JS中最常见的垃圾回收方式是标记清除。 工作原理:是当变量进入环境时,将这个变量标记为“...

Jack088
昨天
17
0
大数据教程(10.1)倒排索引建立

前面博主介绍了sql中join功能的大数据实现,本节将继续为小伙伴们分享倒排索引的建立。 一、需求 在很多项目中,我们需要对我们的文档建立索引(如:论坛帖子);我们需要记录某个词在各个文...

em_aaron
昨天
27
0
"errcode": 41001, "errmsg": "access_token missing hint: [w.ILza05728877!]"

Postman获取微信小程序码的时候报错, errcode: 41001, errmsg: access_token missing hint 查看小程序开发api指南,原来access_token是直接当作parameter的(写在url之后),scene参数一定要...

两广总督bogang
昨天
31
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部