0

私はこのjqueryのスニペットに取り組んできましたが、これはchromeとfirefox、つまり10と9で正常に動作しますが、8は動作しません。どこが間違っているのか、書かれたjqueryは正しいようです。このコードを拡張して 8 で動作させるにはどうすればよいですか。chrome または firefox の右上隅にある検索バーを確認してください (動作する機能があります)。次に、つまり 8 で確認します。コードが終了しているか、関数が終了していないように見えますか? harley.bushcommunications.com にアクセスしてください。

 /* SEARCH DROP DOWN */

$('#header .search').mouseenter( function() {
    $('.search').css({'z-index': '2', 'filter': 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)', '-ms-filter': '"progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)"'});
    $('#header .search').animate({width: '15%'});
    $('#header .search > ul').show();
    $('#header input.input-hide, .search-submit').css({'display': 'block'});
    $('.cal').css({'z-index': '1'});
    $('.cal .right-text').fadeOut();
});

$('#header .search').mouseleave(function() {
    $('#header > .serach > ul > p').css({'opacity': '0.0'}, 0);
    $('.cal').css({'z-index': '2'});
    $('.search').css({'z-index': '1'});   
    $('#header .search > ul').hide(0);
    $('#header .search').animate({width: "125"}, 250);
    $('input.input-hide,  .search-submit').hide();
    $('.cal .right-text').fadeIn();
});

/* CALENDAR DROP DOWN */

$('#header .cal').hover(function() {
    $(this).animate({width: '15%'}, 250, 'linear');
    $(this).find('ul').animate({'height': '200'},1000, 'easeOutBounce');
    $('.calendar').show();
},
function() {
    $('#header .cal').animate({width: '125'}, 500);
    $('#header .cal > ul').animate({height: '0'}, 250, 'linear');
    $('.calendar').hide();              
});
4

1 に答える 1

2

IE8 はサポートしていませんopacity。代わりにfilter:alpha(opacity=X)、X が 0 から 100 までの値を使用します。

于 2013-06-20T23:31:44.960 に答える