美文网首页
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

          热点阅读