javascript实现简单的trello实例

wapeyang 发布于2019-08-21 16:01 / 1002人阅读

摘要：简单的实例，用来实现鼠标拖拽停放。使之前动态定义的样式为空，原回到最初的样式遍历列表每一个符合条件的就执行获取的所有距离顶部的距离获取鼠标轴坐标减去距离顶部距离的值通过设置属性并获取属性来在不同函数之间传值移除的所有绑定事件作者项目的地址

trello for javascript. 简单的trello实例，用来实现鼠标拖拽停放。

            if(mouse_y > $(".cui_trelloContent ul:eq(" + this_index_lv2 + ")").height()) {
                $(self).attr("style", " "); //使之前动态定义的样式为空，原回到最初的样式
                $(document).unbind();
            } else {
                for(var i = 0; i < $(".cui_trelloContent ul:eq(" + this_index_lv2 + ") li").length; i++) { //遍历列表每一个li,符合条件的就执行
                    current_Top = $(".cui_trelloContent ul:eq(" + this_index_lv2 + ") li:eq(" + i + ")").offset().top; //获取ul2的所有li距离顶部的距离
                    subtraction = $(".cui_trelloContent ul:eq(" + this_index_lv2 + ") li:eq(" + i + ")").attr("affter_top"); //获取鼠标y轴坐标减去li距离顶部距离的值(通过设置属性并获取属性来在不同函数之间传值)
                    current_li_height = $(".cui_trelloContent ul:eq(" + this_index_lv2 + ") li:eq(" + i + ")").height();
                    if(subtraction >= 0 && subtraction <= current_li_height) {
                        $(".cui_trelloContent ul:eq(" + this_index_lv2 + ") li:eq(" + i + ")").before("" + self_html + "");
                        $(self).remove();
                        $(document).unbind(); //移除document的所有绑定事件
                        return
                    }
                }
            }

作者：justjavaz项目的github地址

云服务器 GPU云服务器简单的javascript js实现的简单特效用c实现简单的shell java实现简单的web服务器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88326.html

九款优秀的企业项目协作工具推荐

摘要：钉钉钉钉是阿里巴巴集团专为中国企业打造的免费沟通和协同的多端平台，提供版，版和手机版，支持手机和电脑间文件互传。 1：@teamhttps://www.atteam.cn/项目协作管理，越复杂越有序，足够简单足够有效，@Team针对企业团队协作所遇到的困境而研发的新一代基于云服务的企业级协同工作平台，通过为每个企业或团队提供专属的私密网络空间和全新的协作方式，帮助企业实现高效便捷的跨部...

lei___ 2019-08-21 17:58 评论0 收藏0
2017-08-19 前端日报

摘要：前端日报精选理解中的循环理解的字节码译中的流你需要知道的一切译函数式响应编程入门指南使用自定义属性中文基础系列三之实现九宫格抽奖掘金实现网易云音乐站登录窗口拖拽功能的平凡之路学习人气眼中的效果下掘金中多个回调函数之间的数据传 2017-08-19 前端日报精选理解JavaScript中的for...of循环理解 V8 的字节码「译」Node.js中的流（Streams）：你需要知道...

zebrayoung 2019-08-21 12:01 评论0 收藏0