拖拽
可拖拽Modal
bootstrap3.x • lopo1983 发表了文章 • 1 个评论 • 2098 次浏览 • 2016-09-12 15:50
<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%)'
?? ?})
})戏子大爷提供?预览地址
? 查看全部
$(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%)'
?? ?})
})戏子大爷提供?预览地址
? 查看全部
<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%)'
?? ?})
})
?
可拖拽Modal
bootstrap3.x • lopo1983 发表了文章 • 1 个评论 • 2098 次浏览 • 2016-09-12 15:50
<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%)'
?? ?})
})戏子大爷提供?预览地址
? 查看全部
$(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%)'
?? ?})
})戏子大爷提供?预览地址
? 查看全部
<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%)'
?? ?})
})
?