📜  如何在Twitter Bootstrap中使用模式关闭事件?

📅  最后修改于: 2021-05-25 15:51:35             🧑  作者: Mango

Bootstrap Modals提供了可自定义且响应迅速的轻量级多功能JavaScript弹出窗口。它们可用于显示网站中的警报弹出窗口,视频和图像。 Bootstrap模式分为三个主要部分:页眉,正文和页脚。

句法:

class | tabindex | role | aria-labelledby

方法:它显示带有标题,正文和页脚的弹出菜单,以及关闭和提交按钮。


说明:下面是一个静态模态示例(意味着其位置和显示已被覆盖),包括模态标题,模态主体(用于填充)和模态页脚(可选)。我们要求您在可能的情况下在模式标头中包含dismiss动作,或提供另一个显式的dismiss动作。

例子:



  

    
    
    
    
    

  

    
    
  
    
    

  

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
})

输出:

支持的浏览器:它支持Flex布局。

  • Chrome:是的
  • Firefox:是(63.0)
  • 边缘:无
  • Internet Explorer:否