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

时间:2012-08-27 09:05:25

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

我使用jquery ui draggable以使用户可拖动字段集,整个页面加载到iframe中。 问题是我可以将字段集拖到iframe边框之外,我该如何阻止它?

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

的test.html

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

1 个答案:

答案 0 :(得分:5)

使用用户界面containment选项

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