關閉Jquery通知欄的按鈕

Question

本頁內容「jquery notification bars that can be dismissed?」我找到了一個很好乾淨的jquery通知欄。小提琴在這裏：Demo。

要關閉酒吧，您只需點擊其身體的任何地方。我怎樣才能改變這種行爲？我需要添加一個關閉按鈕（一個X），點擊時關閉該欄。如果用戶點擊通知欄主體，則預期的結果是什麼都不應該發生。

這是關閉酒吧代碼：

$('#notify').click(function() { 
    $(this).slideUp().empty(); 
}); 

謝謝！

Answer 1

你可以做這樣的事情：

HTML

<div id="notify">Welcome to the test page!<span id="closeNotify"> X </span></div> 

的Javascript

$('#closeNotify').click(function() { 
    $('#notify').slideUp().empty(); 
}); 

$(function(){ 
    $('#notify').slideDown(); 
}); 

JSFiddle

Answer 2

嘛，只是做：

$('#close-btn').click(function() { 
    $('#notify').slideUp().empty(); 
}); 

其中#close-btn就像你猜測的那樣，是關閉通知欄的按鈕。