1

私は製品ページを作成しています。ここで見ることができます ( http://n9nemedia.net/v2/products/ )、およびスクリプトは特異な方法で (1 つのリスナーで複数の div を非表示にしないで完璧に動作します - ここで見ることができますhttpゾンビ マップ パックの下の [リストを読む] をクリックして、://www.supercentral.net/downloadsをダウンロードすると、完全に機能します。

私の質問は、( http://www.n9nemedia.net/v2/products/ ) を IE7 で動作させるにはどうすればよいですか?

コード例:

jQ(".prod-details-web").hide();
jQ(".prod-details-dev").hide();
jQ(".prod-details-grow").hide();
jQ(".prod-details-brand").hide();
jQ(".prod-details-3g").hide();  
jQ(".prod-expand-web").click(function(event) {
    jQ(".prod-details-dev").slideUp("fast");
    jQ(".prod-details-grow").slideUp("fast");
    jQ(".prod-details-brand").slideUp("fast");
    jQ(".prod-details-3g").slideUp("fast");                               
    jQ(this).parents(".prodcontent")
        .find(".prod-details-web").slideDown("slow");
});
jQ(".prod-collapse-web").click(function(event) {
    jQ(this).parents(".prod-details-web").slideUp("fast");
    event.preventDefault();
    jQ(".prod-details-web:hidden").show();
});

目的は、1 回のクリックで 1 つの製品のみを表示することです。クリック時にすべての div を非表示にしないでください。スクリプトは、IE7 を除くすべてのブラウザーで完全に機能します。個人的にチェックしたChrome、Firefox、Safari、およびIE8で動作しています。

何かアドバイス？

4

1 に答える 1

0

かわった：

jQ(this).parents(".prodcontent") .find(".prod-details-web").slideDown("slow"); });

に：

jQ(this).parents(".prodcontent") .find(".prod-details-web").show("slow"); });

そして今、IE7で問題なく動作しています。

キャッシュをクリアし、Chrome と Safari でおかしな動作が見つかるまで、これはうまく機能していました。ブラウザ間で同じアニメーションの流動性を維持したい場合は、これに加えて条件文が必要です

    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
    .find(".prod-details-web").show("slow");
    @else @*/
    .find(".prod-details-web").slideDown("slow");
    /*@end @*/
于 2010-03-10T05:18:58.683 に答える