1

この質問が何度も聞かれたことは知っていますが、それでも解決できませんでした。アイデアがあれば見せてください。問題は、ボタンをクリックしてもまったくスライドしない IE のみです。

ここに私のコードがあります

JS:

$(document).ready(function($){
     $('#hide_cookie').click(function(e) {
      event.preventDefault()
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});

CSS:

.cookie {
    background: #47515c;
    text-align: center;
    color: #dadcde;
    max-height: 115px !important;
    zoom: 1;
}
.cookie span {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.cookie p {
    font-size: 11px;
    line-height: 14px;
}
.cookie .button {
    height: 37px;
}
.cookie .button a {
    color: #fff;
}

HTML:

<div class="cookie">
    <div class="container_12">
        <span>Title</span>
        <p>content here</p>
    </div>
    <div class="button">
       <a href="#" id="hide_cookie" class="read-more">Hide me</a>
    </div>
</div>

フィドル

4

4 に答える 4

2

2 つの問題:

'slaw' は に渡す正しい速度値ではありません。'slow' を.slideUp()試してください

イベント関数はイベントパラメーターとして「e」を使用し、それを次のように参照しますevent

$(document).ready(function($){
     $('#hide_cookie').click(function(e) {
      e.preventDefault()
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});
于 2013-04-04T16:36:33.243 に答える
2

eクリック イベント パラメータとして渡しますが、次に を呼び出しますevent。これを試して：

$(document).ready(function($){
     $('#hide_cookie').click(function(e) {
      e.preventDefault()
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});

jsFiddle の例

于 2013-04-04T16:35:09.623 に答える
1

event.preventDefault()この場合は重要ではないため、your を削除します。

于 2013-04-04T16:36:26.853 に答える