Bootstrap -- 模態框實現拖拽移動


###

  這里實現這個效果

  需要引入

      jquery-ui.min.js類庫

  jquery-ui.min.css樣式

  使用它提供的draggable()方法實現

###

菜鳥教程

http://www.runoob.com/try/try.php?filename=jqueryui-example-draggable

 

引入cdn的鏈接

<link rel="stylesheet" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" />
<script src="/assets/libs/single_file/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>

添加js

$('.modal').draggable();

即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM