用jQuery點擊淡出2個元素

我試圖淡出全屏幕疊加和信息框div當按關閉按鈕，出於某種原因下面的代碼不起作用。預先感謝您的幫助，當談到JQuery時，我是一個小菜鳥！用jQuery點擊淡出2個元素

CSS：

.full_page_overlay { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    background: #626262; 
    opacity: 0.9; 
    z-index: 2147483646; 
} 

.cart_over { 
    width: 60%; 
    height: 60%; 
    margin-top: 20%; 
    margin-left: 20%; 
    position: fixed; 
    float: left; 
    border: 1px solid black; 
    box-shadow: 1px 1px 10px black; 
    background: white; 
    z-index: 2147483647; 
    border-radius: 10px; 
}

HTML：

<div class="full_page_overlay"></div> 
    <div class="cart_over"> 
     <a href="#" id="close_box">Close</a> 
    </div>

的jQuery：

$(document).ready(function() { 
    $("#close_box").click(function(){ 
    $("#full_page_overlay").fadeOut(); 
    $("#cart_over").fadeOut(); 
}) 
});

來源

2013-07-02 AppleTattooGuy

$(document).ready(function() { 
    $("#close_box").click(function(){ 
    $(".full_page_overlay").fadeOut(); 
    $(".cart_over").fadeOut(); 
}) 
});

這是因爲你正在使用的哈希標籤來指代元素 - 哈希標籤#尋找元素他們的ID，點.按他們的類名查找元素。

Try jQuery是一個非常不錯的免費資源，可以幫助您瞭解基礎知識。它是免費的，只有你需要的是你的瀏覽器。

來源

2013-07-02 15:15:48 Pankucins

糟糕 - 感謝您指出。 – AppleTattooGuy

這些都是沒有的類IDS

# --> selects Id's 
. --> select classe's 


$(document).ready(function() { 
    $("#close_box").click(function(){ 
    $(".full_page_overlay").fadeOut(); 
    $(".cart_over").fadeOut(); 
}) 
});

Working demo

來源

2013-07-02 15:16:33

$(document).ready(function() { 
    $("#close_box").click(function(){ 
    $(".full_page_overlay").fadeOut(); 
    $(".cart_over").fadeOut(); 
}) 
});

full_page_overlay和cart_over是類，不* ID * S。他們應該使用「。」而不是「＃」來引用。

來源

2013-07-02 15:17:02 DevlshOne

用jQuery點擊淡出2個元素

回答

相關問題