美文网首页
jquery-ui实现拖拽、缩放

jquery-ui实现拖拽、缩放

作者: jane819 | 来源:发表于2018-07-18 17:04 被阅读0次
  • 项目需要拖拽draggable（）、缩放resizable效果用jquery-ui插件
  • 1.引进jquery-ui.min.css
    • <link rel="stylesheet" href="jquery-ui.min.css">
  • 2.引进jquery-ui.min.js
    • <script src="jquery-ui.min.js"></script>
  • 代码如下 
      <div class="name otw" id="draggableName" class="ui-widget-content"><div class="NAMEs">姓名</div></div>
 $( "#draggableName" ).draggable({ containment: 'parent' }).resizable({ containment:'.imgBox' });
  /*拖动的区域只能是在他的元素里，缩放这某个区域里，不能超出*/

相关文章

网友评论

      本文标题：jquery-ui实现拖拽、缩放

      本文链接：https://www.haomeiwen.com/subject/gafapftx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读