javascript實現簡單的trello實例

trello for javascript. 簡單的trello實例,用來實現鼠標拖拽停放。javascript


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地址html

相關文章
相關標籤/搜索