- 待续
实例
// -------------
// large - 更大
// small - 小的
// smaller - 更小的
// '' | false - 默认尺寸
// 设置窗口大小
$('#btn-small-modal').on('click', function() {
$('#j-modal1').modal('setSize', 'smaller')
.modal('show')
})
// 默认窗口大小
$('#btn-default-modal').on('click', function() {
$('#j-modal1').modal('setSize', '')
.modal('show')
})
$('#btn-remote-modal').on('click', function() {
$('#my-remote').modal({ title: 'dropdown', remote: './pages/dropdown-start.html'})
})
自定义弹层
- 待续
实例
// ----------
// 自定义弹层
$('#btn-call-js').on('click', function() {
$('#call-js').modal({ title: 'xxxx', content: '自定义弹层' })
})
模态窗口
- 待续
实例
$('[data-action]').on('click', function() {
var action = $(this).data('action')
switch(action) {
case 'success':
return $.successModalLayer({title: 'success', contentTitle: 'success...', content: '成功', okText:'ok', buttonClassName:'fn-ml-50', callback: function() { alert('成功') } })
case 'confirm':
return $.confirmModalLayer({ title: '提醒', content: '确认取消?', callback: function() { alert(' ok') } })
case 'alert':
return $.alertModalLayer({ title: '提示', content: '汗', callback: function() { alert('确定') } })
case 'error':
return $.errorModalLayer({ title: '提示', content: '错误', callback: function() { alert('错误') } })
}
})
iframe窗口
- 待续
实例
$('[data-action]').on('click', function() {
var action = $(this).data('action')
switch(action) {
case 'success':
return $.successModalLayer({ title: 'success', contentTitle: 'success...', content: '成功', okText:'ok', buttonClassName:'fn-ml-50', callback: function() { alert('成功') } })
case 'confirm':
return $.confirmModalLayer({ title: '提醒', content: '确认取消?', callback: function() { alert(' ok') } })
case 'alert':
return $.alertModalLayer({ title: '提示', content: '汗', callback: function() { alert('确定') } })
case 'error':
return $.errorModalLayer({ title: '提示', content: '错误', callback: function() { alert('错误') } })
}
})