Question

我的网站上有一个通知栏（在我有一个模态之前）。是否可以单击X（关闭按钮）并删除通知栏？我试过数据解雇，但没有用。以及如何在我上次工作后直接获得X按钮＆＃34; END＆＃34;与我的文字背景颜色相同？我使用Bootstrap-3。

HTML

<div class="notification-bar">
    <div class="text">
        <p>laallalala l lalal lalalalalal lal lalal lal l allalalalalalalalallalalaalallalalalaalallalal l laallalal lal lall lalallalaallallalaalalaa END</p>
    </div>
        <button class="btn btn-close" data-dismiss="notification-bar" type="button">&times;</button>
</div>

CSS

.notification-bar {
    background-color:#003000;
}

.text {
    color:#5EFFEF;
    font-family:'Droid Serif';
    font-size:13px;
    padding-left:20px;
    padding-right:20px;
}

.btn.btn-close {
    color:#5EFFEF;
    font-weight:bold;
}

JSFIDDLE在这里...... JSFIDDLE

Answer 1

你可以用jQuery实现这个目标

<script>
$(document).ready(function() {
    $(".dismisbar").click(function(){
        $(".notification-bar").hide();
    }); 
});
</script>

Fiddle

通知栏的数据关闭和关闭按钮

1 个答案: