0

jquery Web サイトのすべてのドキュメントを参照し、問題に関連するすべての質問を検索しましたが、解決策が見つかりませんでした。私がやりたいのは、postクラスにカーソルを合わせると、リンクがpost span a表示され、マウスが明らかに離れると消えるようにすることです...現在、起こっている唯一のことは、クラスのpostうち、リンクはすべてのdivに表示されますが、私はそれを望んでいません。たとえば、投稿、返信、リツイート、お気に入りなどのリンクにカーソルを合わせると、Twitterの投稿で起こるようにしたいだけです現れる。私はそれが欲しいです。

$(function(){
  $.each(function(){
    $(".post").mouseenter(function(){
        $(".post span a").css("visibility", "visible");
    });
  });
  $.each(function(){
    $(".post").mouseleave(function(){
        $(".post span a").css("visibility", "hidden");
    });
  });
});

編集：HTMLを投稿していないことをお詫びします。ここにあります

  <div class="post">

                <span>
                    <a href="<?php echo base_url() . '/discussion/edit/' . $post['pid'];?>" class="post-edit" id="<?php echo $post['pid'];?>">edit</a>
                    &nbsp;
                    <a href="<?php echo base_url('discussion/delete/' . $post['pid']); ?>">delete</a>
                </span>
                </div>
4

3 に答える 3

3

私はお勧めします：

$('.post').hover(function(){
    $(this).find('a').css('visibility','visible');
},
function(){
    $(this).find('a').css('visibility','hidden');
});
于 2013-02-19T23:09:32.207 に答える
2

CSSだけを使わないのはなぜですか？

.post span a {
    visibility: hidden;
}

.post:hover span a {
    visibility: visible;
}
于 2013-02-19T23:09:54.320 に答える
0

代わりにこれを試してください：

$(function(){
  $('.post').each(function(index, element) {
    $(element).mouseenter(function() {
      $(element).find('span a').show();
    }).mouseleave(function() {
      $(element).find('span a').hide();
    });
  });
});
于 2013-02-19T23:12:20.477 に答える