文档章节

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
南京
程序员
开发人员常用的10个JavaScript库

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

yexiaobo1990
2015/07/24
0
0
Web开发神器WebStorm 8.0.1之我爱Spy-js

最近试用了Web开发神器WebStorm 8.0.1,WebStorm最新试用版 在其发布的最新工具中Spy-js值得注意(WebStorm 8.0.1全部更新信息)通过Spy-js你可以看到触发代码执行的事件的完整列表,然后帮你...

kouxunli1
2014/04/14
0
3
WEB前端开发学习:你思考过为什么JavaScript计算浮点数不准确吗?

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

web前端小辰
06/03
0
0
如何实现JavaScript动态加载CSS和JS文件

项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 vardynamicLoadin...

开源oschina
2015/11/13
0
0
JavaScript 学习资源推荐

最近 reddit 有讨论:References for JavaScript Mastery. 去年 Rey Bango 博客上也有一篇文章:What to Read to Get Up to Speed in JavaScript. 下面是我的整理,希望能对你有所帮助。 登堂...

deeper099
2011/09/29
0
1

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
8
0
现场看路演了!

HiBlock
昨天
19
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
12
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
20
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部