javascript - 点击按钮出现弹窗，弹窗只是闪现了一下，为什么没有一直出现？

问题描述

问 题

点击第二个a,实现登录。现在弹窗只是闪现了一下，然后就消失了。求大神帮忙解决

<div class="metin-info text-center">
    <a href="">
        <span class="fa fa-qq fa-3x"></span> <b class="sidebox">QQ客服</b>
    </a>
    <a href=""  id="s1">
        <span class="fa fa-user fa-3x"></span> <b class="sidebox">登陆/注册</b>
    </a>
    <a href="">
        <span class="fa fa-commenting fa-3x"></span><b class="sidebox">在线咨询</b>
    </a>
    <a href="" class="goTop">
        <span class="fa fa-chevron-circle-up fa-3x"></span>
    </a>
</div>

css

 .metin-info{
    position:fixed;
 }
 .metin-info a{
    display: block;
    position: relative;
}
    

js逻辑

    $(".metin-info a:nth-child(2)").click(function(e){
          var target= e.target;
          console.log(target);
          console.log(this);
          $(".lg-container").show();
    });
    

图片

解决方案

$(".metin-info a:nth-child(2)").click(function(e){

    e.preventDefault();
    var target= e.target;
    console.log(target);
    console.log(this);
    $(".lg-container").show();
});

这篇关于javascript - 点击按钮出现弹窗，弹窗只是闪现了一下，为什么没有一直出现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！