javascript - Javascript onclick而不是鼠标悬停

Question

$(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 调用呢？谢谢你的时间。

Answer 1

这会做到

$(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和事件更改为具有类的元素mouseout的单个事件。然后使用 jQuery效果，它将根据 div 是否已经可见来显示或显示，因此“切换”div。在这里查看更多信息click.clickMetoggle