0

2 つの jquery プラグインを使用しています。

ヒーロー カルーセルとコンテンツ ホバー。

最初にページをロードすると、コンテンツ ホバーは正しく機能しますが、ページでハード リフレッシュを実行すると、デフォルトで display:none になるようです。

ヒーロー カルーセル プラグインを無効にしてみましたが、これで問題は解決しましたが、2 つのプラグイン間の競合がどこにあるのかわかりません。

すべてのコードを貼り付けますが、それは jquery の 2 つの巨大なチャンクを貼り付けることを意味します。現在の状態のサイトはここにあります。コンテンツ ホバー プラグインは現在、スライダーの下の左下の画像にあります。

ありがとう。

4

1 に答える 1

0

次の 2 つのスクリプトを使用します。

<script>
$(document).ready(function(){
    $('.hero-carousel').heroCarousel({
        easing: 'easeOutExpo',
         css3pieFix: true
    });
});
</script>
<script>
$('#d1').contenthover({
    overlay_background:'#F25342',
    overlay_opacity:0.8
});
</script>

そして、これらを次のようにまとめます。

<script>
$(document).ready(function(){
    $('.hero-carousel').heroCarousel({
        easing: 'easeOutExpo',
        css3pieFix: true
    });

    $('#d1').contenthover({
        overlay_background:'#F25342',
        overlay_opacity:0.8
    });
}); 
</script>

2 番目のカルーセル関数をバインドするスクリプトが表示されません。ここで利用できるイージング ライブラリも表示されません: http://gsgd.co.uk/sandbox/jquery/easing/上記のカルーセル関数でイージングを使用しているため、これが必要になります。

于 2012-10-03T20:21:02.593 に答える