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