Question

我尝试通过jQuery而不是data-dismiss="alert"

关闭警报消息

我正在使用$("div.alert").alert();，但似乎无效。

我的例子：Link

Answer 1

这是您正在寻找的答案，但是您是否介意我问您为什么不想使用data-dismiss="alert"？

$('div.alert .close').on('click', function() {
   $(this).parent().alert('close'); 
});

Fixed fiddle

Answer 2

我使用这样的东西。

/* Fadeout Flash Notice */
  setTimeout(function() {
    $('.alert').fadeOut('slow');}, 3000
  );

Answer 3

试试这个：

<script>
$('.close').click(function(){
    $("div.alert").hide();

});
</script>

Answer 4

我已经更新了您的JSFiddle：vars.put()

代码如下：

<div id="a"></div>
<div class="alert alert-success addDefinitionMessage alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    <span>12345</span>
</div>

如果要在开始时隐藏警报，则可以将内联css添加为：

    <div id="a"></div>
        <div class="alert alert-success addDefinitionMessage alert-dismissable" style="display:none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <span>12345</span>
        </div>

并使用jQuery显示警报：

<script>
$(document).ready(function(){
$('.alert').show();
});
</script>

如何通过jQuery解除引导警报消息？

4 个答案: