Question

我想在我的页面中显示一个boostrap横幅，直到用户通过单击“x”标记关闭它。

我使用会话变量显示了该横幅。如果会话包含值，则将显示横幅，否则不应显示横幅。

<?php if ($status && $status<>'' ) { ?>
    <div class="alert alert-success fade in">
        <a href="#" class="close" data-dismiss="alert" id="banner-close">&times;</a>
        <strong><?php echo $status?></strong>
    </div>
    <?php $newdata['status'] = ''; $this->session->set_userdata($newdata);
} ?>

这里我将仅在状态var包含值时显示横幅。状态是会话变量。

Answer 1

你需要做这个客户端，我建议jQuery。

一旦将jQuery包含在您的页面中，类似下面的代码就会处理您需要捕获的点击事件以隐藏您的横幅;

$("div").on("click","#banner-close",function(e){
    //put jquery code in here to hide/show banner, for example...
    $(".alert").hide();
    e.preventDefault();
    });

如果您在问题中添加了更多的html（即横幅标记），那么可以改进此代码示例，但这是一般原则。

不断显示引导程序横幅，直到用户单击“X”标记

1 个答案: