JQuery draggable div

Question

我正在尝试创建我的第一个基于JQuery的网页。 目前我的可拖动div有点问题。 我能够移动它并且它运行良好但我可以将它移出我的屏幕。是否有像maxleft=0px？

这样的代码

JQUERY：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
  $(function() {
    $( "#card" ).draggable({ axis: "x" });
  });
</script>

HTML：

<div id="card" class="card">
     <img src="https://pic.jpg" class="profil-pic" alt="img" />
</div>

Answer 1

您需要在可以移动的区域中给出边界div。

 $("#card").draggable({
            axis: "x",
            containment: 'body'
        });