Bootstrap 警告框.pdfVIP

Bootstrap 警告框 Bootstrap 警告框 （Alert ）插件 警告框 （Alert ）消息⼤多是⽤来想终端⽤户显⽰诸如警告或确认消息的信息。使⽤警 告框 （Alert ）插件，您 以向所有的警告框消息添加 取消 （dismiss ）功能。 ⽤法 您 以有以下两种⽅式启⽤警告框的 取消 （dismissal ）功能： 通过 data 属性：通过数据 API （Data API ）添加 取消功能，只需要向关闭按 钮添加 data-dismiss= alert ，就会⾃动为警告框添加关闭功能。 a class=close data-dismiss=alert href=# aria-hidden=t times;/a 通过 JavaScript ：通过 JavaScript 添加 取消功能： $(.alert).alert() 实例 下⾯的实例演⽰了通过 data 属性使⽤警告框 （Alert ）插件的⽤法。 !D CTYPE htmlhtmlhead titleBootstrap 实例 - 警告框 （Alert）插件/title link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/bootstrap/js/bootstrap.min.js/script/headb a href=# class=close data-dismiss=alert times; /a strong警告！/strong您的⽹络连接有问题。/div/body/html 结果如下所⽰： 选项 没有选项。 ⽅法 下⾯是⼀些警告框 （Alert ）插件中有⽤的⽅法： ⽅法 描述 实例 该⽅法让所有的警告 .alert() 框都带有关闭功能。 $(#identifier).alert(); Close Method 关闭所有的警告框。 $(#identifier).alert(close); .alert(close) 如需在关闭时启⽤动画效果，请确保添加了 .fade 和 .in class 。 实例 下⾯的实例演⽰了 .alert() ⽅法的⽤法： !D CTYPE htmlhtmlhead titleBootstrap 实例 - 警告框 （Alert）插件 alert() ⽅法/title link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/bootstrap/js/bootstrap.min.js/script/headb a href=# class=close data-dismiss=alerttimes;/a strong成功！/strong结果是成功的。/divdiv id=myAlert class a href=# class=close data-dismiss=alerttimes;/a strong警告！/strong您的⽹络连接有问题。/divscript type=text $(.close).click(function(){ $(#myAlert).alert(); });}); /script /body/html 下⾯的实例演⽰了 .alert(close) ⽅法的⽤法： !D CTYPE htmlhtmlhead titleBootstrap 实例 - 警告框 （Alert）插件 alert(close) ⽅法/ti link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/bootstrap/js/bootstrap.min.j