0

これが他の場所で回答されている場合はご容赦ください-私は狂ったように調査してきましたが、私が見つけた「修正」はどれもうまくいきませんでした.

基本的に、私は jQuery.animate() を使用して、li タグ内の div を約 150px 下に移動しています。これは top: -150 で始まり、overflow:hidden を使用して隠されています。含まれている li にマウスオーバーすると、top:0 までアニメーション化する必要があります。これはすべて、Chrome と FF では見事に機能しますが、IE では何も得られません。IE 開発者用ツールバーを使用してみましたが、エラーなしでトレースできました。何らかの理由で、アニメーション機能で「トップ」属性が変更されないようですが、それを修正するために変更する必要がある理由や変更内容がわかりません。どんな援助も大歓迎です。

コードは次のとおりです。

/最終ファイルを編集

最後に、「トップ」の代わりにアニメーションのdivの「高さ」属性を使用して、問題を回避することになりました。これに padding 属性と border-width 属性を併用すると、基本的に同じ効果を得ることができました。「トップ」属性が機能しない理由はまだ完全にはわかりませんが、c'est la vie.

4

1 に答える 1

1

IE 8でテストされたHiyaの動作デモ:) http://jsfiddle.net/EbRgW/ または http://jsfiddle.net/EbRgW/show/

よく読んでください：http://api.jquery.com/jQuery.noConflict/

var $jq = jQuery.noConflict();あなたの場合はトリックを行います。

これは役に立ちます、

Jクエリコード

$(document).ready(function() { //http://api.jquery.com/jQuery.noConflict/
    var $jq = jQuery.noConflict();
    $jq('.accordion li').hover(function() {
        $jq(this).children('.accordion-textbox').stop().animate({
            top: '0px'
        }, 600);
    }, function() {
        $jq(this).children('.accordion-textbox').stop().animate({
            top: '-150px'
        }, 200);
    });
});
于 2012-05-19T05:40:47.103 に答える