限制jquery ui可移动外框边框的移动

Question

我正在使用jquery ui draggable以使用户可拖动字段集,整个页面加载到iframe中.问题是我可以在iframe边框外面拖动字段集,我怎么能阻止它？

<iframe src='test.html'></iframe>

的test.html

    <html>
<script>
$(".draggable").draggable();
</script>
<fieldset id='draggable'>testing</fieldset>
</html>

Answer 1

使用UI containment选项

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