关于jQuery UI Draggable设置限制的问题

时间:2014-06-03 22:19:47

标签: jquery jquery-ui jquery-ui-draggable

请您查看this demo并告诉我为什么我无法设置Draggable div的限制边界?

<div id="borders">
    <div id="draggable" class="ui-widget-content">
        <p>Drag Mw In Yellow</p>
    </div>
</div> 

<script>
 $(function () {
     $("#draggable").draggable({
         containment: $(this).parent()
     });
 });
</script>

2 个答案:

答案 0 :(得分:1)

尝试这种方式:

$(function () {
     $("#draggable").draggable({
         containment: "parent"
     });
 });

答案 1 :(得分:0)

尝试更换:

$(this).parent()

由:

$("#borders")

这应该可以解决问题。