0

閉じるボタンを押すと、全画面オーバーレイと情報ボックス div の両方をフェードアウトしようとしていますが、何らかの理由で以下のコードが機能しません。あなたの助けを前もって感謝します.JQueryに関しては、私は初心者です!

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();
})
});
4

3 に答える 3

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

これは、要素を参照するためにハッシュ タグを使用していたためです。ハッシュ タグ#は ID で要素を.検索し、ドットはクラス名で要素を検索します。

Try jQueryは、基本を学ぶのに役立つ非常に優れた無料のリソースです。無料で、必要なのはブラウザだけです。

于 2013-07-02T15:15:48.790 に答える