0

私は wordpress ブログを作成しており、「本当にシンプルな facebook twitter 共有ボタン ( http://wordpress.org/extend/plugins/really-simple-facebook-twitter-share-buttons/ ) 」を使用しています。

設定で、投稿の下に共有アイコンを表示するように選択し、エントリフッターを持っています。プラグインは実際にエントリ フッターの上にアイコンを配置するので、絶対に配置して下に移動する必要がありました。

アイコンが非表示になり、ユーザーが共有テキスト (またはエントリ フッター自体) にカーソルを合わせると、アイコンがフェードイン/フェードアウト効果として表示されるという効果が必要でした。私はこれをすべて並べ替えましたが、ユーザーがアイコン自体にカーソルを合わせるとアイコンが絶対位置に配置され、共有テキストの色がフェードし、アイコンがちらつきます。共有とエントリのフッターの周りにパディングを追加したので、ユーザーがこの近くでマウスを入力するとアイコンが表示されますが、ユーザーがアイコンの上に移動すると、明らかに jQuery はユーザーがこの領域を離れてフェードアウトしていると見なします。誰かがこの問題で私を助けることができれば、私は感謝しています.

サポート用のコードは次のとおりです。

jQuery:

$(document).ready(function () {   
   $('.entry-footer').mouseover(function() {
     $('.really_simple_share').fadeToggle(400);
   });
 });

CSS:

.entry-footer a{
  height:88px;
}

h1.share a{
  padding:30px 560px 40px 30px;
  float:left;
}

.entry-footer a:hover {
  color:#79b74c;
}

.really_simple_share {
    position:absolute;
    margin:44px 0px 0px 140px;
    display:none;
}

また、投稿の上下にアイコンがあり、フッター内を移動できないという問題に関して、ここに質問を投稿しました: http://wordpress.org/support/topic/social-icons-showing -2 回の投稿?replies=1#post-3994811

4

1 に答える 1

0

オブジェクトにカーソルを合わせると、fadeToggleがトリガーされます。つまり、マウスをその上に置いたままにすると、フェードし続けます。

試す

$(document).ready(function () {   
   $('.entry-footer').hover(function() {
     $('.really_simple_share').fadeIn(400);
   },
   function(){
     $('.really_simple_share').fadeOut(400);
   });
});
于 2013-03-20T11:28:22.563 に答える