• 待续
实例






            
// -------------
// 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('错误') } })
  }
})