在引导程序中显示警报不起作用

Question

这是代码

<script type="text/javascript">
window.setTimeout(function() {
$("#alert_message").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 10000);
</script>
<div id="alert_message" class="alert" style="width:100%;" >
<span>If download button does not work. Right click on the meme and click save as...</span><span class="close" style="float:right;" data-dismiss="alert">&times;</span>
</div>

现在在页面加载时会出现警报。我编写了以下代码，以便在单击复选框时再次显示。

else if(document.getElementById('31').checked) {
src = 'http://qph.is.quoracdn.net/main-qimg-7212ce8aa821a3af3d91ee709f3fd7f1?convert_to_webp=true';
$( "#alert_message" ).toggle();
}

此代码无法再次显示。

Answer 1

使用

$("#alert_message").css("display", "none");

而不是

$(this).remove();

然后：

$(document).ready(function () {
       $("#31").on('click', clicked);
       function clicked() {
        if($('#31').is(':checked')) { 
        // your code 
       $("#alert_message").css("display", "block");
      // or $("#alert_message").toggle();
    }
}