Bootstrap模态框相关的问题

一、给bootstrap模态框上面的按钮添加点击事件，关闭模态框
这样会导致模态框是消失了，但是模态框后面的遮罩层还留在页面上，后来找了半天才发现是要在button上加上一个属性 data-dismiss=”modal” 加上后就不需要再额外添加点击事件

$("#cancel").click(function (){
   
    $("#faultInfoModal").hide();
});

<div id="faultInfoModal" class="modal fade tips-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">系统提示：</h4>
                    </div>