Question

我的HTML：

<ul id="tree">
    <li id="1">test1</li>
     <li id="2">test2</li>
     <li id="3">test3</li>
     <li id="4">test4</li>
</ul>

和JQuery：

 $("#tree li").draggable().droppable({

                    element: '#tree',
                    tolerance: 'pointer',
                    aroundTop: '25%',
                    aroundBottom: '25%',
                    aroundLeft: 0,
                    aroundRight: 0,
                    drop: function(event,ui) {
                         alert(ui.overState);//desire result is 'top' ,'bottom' ,center
                        }
                });

但我得到的警告值为undefined。我搜索并无法解决问题，但根据this文档，它存在。那么为什么我没有抓住ui.overState。如果它被弃用，请告诉我它的替代方案。感谢。

示例小提琴：ui.overState

Answer 1

尝试 ui.position

 $("#tree li").draggable().droppable({

                    element: '#tree',
                    tolerance: 'pointer',
                    aroundTop: '25%',
                    aroundBottom: '25%',
                    aroundLeft: 0,
                    aroundRight: 0,
                    drop: function(event,ui) {
         alert("top="+ui.position.top+"  left="+ui.position.left);//desire result is 'top' ,'bottom' ,center
                        console.log(ui.position);// see in console
                        }
                });

参见 demo

是否弃用了ui.overState？

1 个答案: