javascript完成简朴的trello实例

2019年8月25日 221次阅读 来源: 崔哲

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("<li>" + self_html + "</li>");
                        $(self).remove();
                        $(document).unbind(); //移除document的一切绑定事宜
                        return
                    }
                }
            }

作者：justjavaz项目的github地点

    原文作者：崔哲
    原文地址: https://segmentfault.com/a/1190000010235211
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞