使用下面的jQuery插件
我的HTML
<div class="circleDiv touch-box" data-drag="true" id="circleDiv" >
<div class="border-circle" id="innerCircle">
<div class="mini-circles5 touch-box" data-drag="true" id="large-circle">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. <br/><br/> Amirzai Sangin<br/>Minister of Communications<br/> Afghanisthan</p>
</div>
<div class="mini-circles1" id="mini-circles1">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. <br/><br/> John Campbell<br>President and CEO<br> Toranto Waterfront Revitalization Corportation</p>
</div>
<div class="mini-circles2" id="mini-circles2">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.<br/><br/> David Woolson<br/>President & CEO<br/> Walla Walla Chamber of Commerce</p>
</div>
<div class="mini-circles3" id="mini-circles3">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.<br/><br/> Lee Rainie<br/>Director<br/> Pew Research Center's Internet & American Life</p>
</div>
<div class="mini-circles4" id="mini-circles4">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.<br/><br/> Suvi Linden<br/>Member<br/> UN Commission for Digital Development</p>
</div>
</div>
</div>
CSS相关
.circleDiv{
margin:-35px 70px 0px 0px;
width:450px;
height:450px;
}
但是当我试图拖动circleDIv时无法拖动整个div。
当我从touch-box中移除课程circleDiv并将其放在mini-circles5上时，我可以拖动mini-circles5 div。
如果我将touch-box类放在两者上，则div都不能拖动。
它在Firefox中正常运行，问题出在Chrome
我需要拖动整个父div circleDiv，我不知道是什么阻止了它
任何想法??