我想只用一个区域制作可拖动的div

Question

我有可拖动的div，可以保存位置到数据库...我正在移动图片，但我可以只制作一个区域，我可以点击并移动div或它需要是整个div？因为现在我可以点击div上的任何地方并移动它，我想只点击一个位置来移动div ...

Answer 1

如果您使用jqueryui draggable，则可以使用handle选项。 检查documentation

＆＃13;

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<style>
  #draggable {
    width: 100px;
    height: 100px;
  }
  #draggable p {
    cursor: move;
  }
</style>
<script>
  $(function() {
    $("#draggable").draggable({
      handle: "p"
    });

  });
</script>

<div id="draggable" class="ui-widget-content">
  <p class="ui-widget-header">handle</p>
</div>

＆＃13;

＆＃13;

＆＃13;