警報框未關閉

Question

請幫助此div警報框...單擊事件不會關閉

<script type="text/javascript">
    $(document).ready(function(){   
    $('.nof-close').click(function(){
            $('.afp-p-now').fadeOut();
            $('.afp-p-now').css('display','none');

        }); 

    }); 
    </script>

<div class="flash-messages container afp-p-now">
        <div class="flash flash-notice">Welcome to website...You are currently viewing me  
        <span class="mini-icon mini-icon-remove-close nof-close close"></span>
        </div>
        </div>

任何想法將不勝感激。

Answer 1

那是因為沒有要單擊的內容，范圍沒有內容。 嘗試這個：

<script type="text/javascript">
$(document).ready(function(){   
    $('.nof-close').click(function(){
        $('.afp-p-now').fadeOut();        
    });    
});
</script>
<div class="flash-messages container afp-p-now">
     <div class="flash flash-notice">Welcome to website...You are currently viewing me  
         <span class="mini-icon mini-icon-remove-close nof-close close">[Click here to close]</span>
     </div>
</div>

您也可以將跨度更改為按鈕（ <button class="mini-icon mini-icon-remove-close nof-close close">Close</button> ）。