数据-取消并关闭通知栏的按钮

Question

我有一个通知栏在我的网站顶部(之前，我有一个模式)。是否可以单击X(关闭按钮)并删除通知栏？我试过数据以及如何在我的上一部作品“结束”后直接获得与我的文本相同的背景颜色的X按钮？我用的是自带-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

Answer 1

您可以通过jQuery实现这一点。

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

小提琴