-2 
$(function() {
    $(".popup").hide();
    $(".clickMe").mouseover(function () {       
        $(".popup").show();
    }).mouseout(function() {
        $(".popup").hide();//Set this to default hide
    }); 
});

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

<a class="clickMe" href="#"> Click here to see hidden item.</>
<div class="popup"> You've found me! </div>

実装したいこのコードを見つけましたが、方法がわかりません。マウスオーバーの代わりに、代わりにonclick呼び出しに設定するにはどうすればよいですか？御時間ありがとうございます。

4

1 に答える 1

6

これはそれを行うでしょう

$(function() { 
  $(".popup").hide();                 //Hide the popup first
  $(".clickMe").click(function () {   //Attach a click event to the .clickMe
        $(".popup").toggle();              //Toggle the visibility of the popup
  });
});

だから私がやったのは、のクラスを持つ要素の単一のイベントのmouseoverとイベントを変更することだけです。次に、divがすでに表示されているかどうかに応じてdivを表示または表示するjQueryエフェクトを使用したため、divを「切り替え」ます。詳細はこちらmouseoutclick.clickMetoggle

于 2012-04-30T07:45:17.780 に答える