可拖拽Modal
<script src="//cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"></script>戏子大爷提供?预览地址
$(document).on('show.bs.modal','.modal', function() {
?? ?$.fn.draggable && $('.modal-content',this).draggable({
?? ??? ?containment: 'document',
?? ??? ?scroll: false,
?? ??? ?handle: '.modal-header'
?? ?});
?? ?
?? ?$('.modal-dialog',this).css({
?? ??? ?position:'absolute',
?? ??? ?top:'50%',
?? ??? ?left:'50%',
?? ??? ?transform: 'translate(-50%, -50%)'
?? ?})
})
?
1 个评论
<script src="//cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"></script>
<script>
$("#myModal").draggable({
handle: ".modal-header"
});
</script>
<script>
$("#myModal").draggable({
handle: ".modal-header"
});
</script>