0

jQuery でまた問題が発生しました。誰かが助けてくれることを願っています。

こちらのポートフォリオ セクションをご覧ください http://matoweb.com (2 つの項目があるはずです)

ポートフォリオ Web サイトを再設計していて、ぼかしホバー効果を使用して最新の 6 つのポートフォリオ アイテムをリストしたいと考えています。1 つの画像 (実際には最初の投稿であった 2 番目の画像) でこれを機能させることができましたが、別のテスト ポートフォリオ アイテムを追加したところ、2 つの問題が発生しました。

  • 最初の投稿のぼやけた画像（2番目の画像）のみを取得し、2番目の投稿の画像は独自のぼやけたバージョンの画像を取得しません
  • 2番目の問題は、1つの画像にカーソルを合わせると、2番目の画像のアニメーションもトリガーされることです

これらの効果のコードは次のとおりですが、Web サイトで実際の動作を確認できます。

        $(window).load(function(){
            $(".img_portfolio").pixastic("blurfast", {amount:1});
        });

        $(function() {
            $(".prva_stran_portfolio_single").mouseenter(function () {
                $(".normal_image").fadeOut("fast");
            }).mouseleave (function () {
                $(".normal_image").fadeIn("fast");
            });
        });
        $(function() {
        $(".roll").css("opacity","0");

        $(".roll").hover(function () {

        $(this).stop().animate({
        opacity: 0.9
        }, "fast");
        },

        function () {

        $(this).stop().animate({
        opacity: 0
        }, "fast");
        });
        });

どんな助けでも本当に感謝しています。

画像にある種の ID を追加して、そのうちの 1 つだけにカーソルを合わせたときにすべてがぼやけないようにするにはどうすればよいですか?

4

3 に答える 3

0

ホバーするだけでなく、each（function）を使用してすべてを分離します。それらは異なる機能にあるべきではありません、本当に...物事をよりクリーンに保ち、この方法でデバッグするのをより簡単にします。

$(".prva_stran_portfolio_single").each(function(){
    $(this).hover(function(){
        Run everything that happens on a hover (mouse in) here.
    },{
        Run everything that happens on a hover (mouse out) here.
    });
});
于 2012-09-15T21:12:56.660 に答える
0

.find("normal_image")IDを使用する必要はありません。すべての子孫要素を検索する呼び出しができるはずです。.closest()逆に、すべての祖先要素で最も一致する要素を検索するために使用できます。

pixasticが両方の画像にぼやけたキャンバスを作成しない理由はわかりません.each(function() { pixastic(blur) })。セレクターでを使用してみることをお勧めします。

于 2012-09-15T21:16:44.563 に答える