BootStrap2学习日记18---提示消息

代码:

  <div class="alert alert-block" id="alert"> <a href="#" class="close" data-dismiss="alert">×</a>
    <h4>提示</h4>
    <small> 中国（China），位于东亚，是一个以华夏文明为主体、中华文化为基础，以汉族为主要民族的统一多民族国家，通用汉语。中国疆域内的各个民族统称为中华民族，龙是中华民族的象征。</small> </div>
  <a href="#" onClick="al()">show</a> </div>

jQ部分:

<script>
function al(){
    $("#alert").show();
}
</script>

如想让关闭掉的Alert box 再次显示需要修改bootstrap.js文件中的函数removeElement将里面的.remove()修改成.hide()如下:

    function removeElement() {
      $parent
        .trigger('closed')
        .hide()
    }

 

 

效果: