1

ホバーした後もポップして閉じ、マウスを右に動かすか閉じると........ 

          $(document).ready(function() {
            //If Javascript is running, change css on product-description to display:block
            //then hide the div, ready to animate
            $("div.pop-up").css({'display':'block','opacity':'0'})

            $("a.trigger").hover(
              function () {
                $(this).prev().stop().animate({
                  opacity: 1
                }, 500);
              },
              function () {
                $(this).prev().stop().animate({
                  opacity: 0
                }, 200);
              }
            )
          });
4

1 に答える 1

1

何を聞きたいのかよくわからないのですが、こう訳してみました。

Q:トリガーがホバーされなくなったためにポップアップを閉じるのではなく、ホバーしたときにポップアップを開いたままにするにはどうすればよいですか?

A:マークアップを変更することはできますか? その場合、トリガー要素内にポップアップを配置できます。これにより、ポップアップがホバーされたときにトリガーを離れていません。

​ <div class="trigger"> <a>Hover over me</a> <div class="pop-up"> This is the pop-up, hover over me as well. </div> </div>​

次に、Javascript を少し変更する必要があります。

$("div.pop-up").css({
    'display': 'block',
    'opacity': '0'
});
$("div.trigger").hover(
function() {
    $(this).find("div.pop-up").stop().animate({
        opacity: 1
    }, 500);
}, function() {
    $(this).find("div.pop-up").stop().animate({
        opacity: 0
    }, 200);
});​

デモを見る

于 2012-04-07T13:32:59.053 に答える