JQuery可拖动div [重复]

【问题标题】：JQuery draggable div [duplicate]JQuery可拖动div [重复]
【发布时间】：2015-06-12 13:56:36
【问题描述】：

我正在尝试创建我的第一个基于 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>

【问题讨论】：

• jqueryui.com/draggable/#constrain-movement
• 好的，我给了我的身体一个 ID。现在我的 JQuery 看起来像这样：

  屏幕的右侧还可以，但我仍然可以在左侧将其电影化。
• 这是一个解决方案。将父元素添加到 div 并将containment 属性附加到父元素！
• jsfiddle.net/j08691/n210zvwp
• 哦，我在css文件中出错了。现在可以了！ ty j08691 :)