show不执行,hide没问题

来源:1-3 jQuery中显示元素的show方法

角斗士觉醒

2018-08-09 11:05

<div class="apply_dialog" id="liuyanban">

  <div class="ad_content">


    <p class="formh1">请填写您的信息</p>

    <form id="apply_form" name='feedback' method='post' enctype='multipart/form-data' action='/e/enews/index.php'>

<input name='enews' type='hidden' value='AddFeedback'>

<input type=hidden name=bid value='1'> 

      <input placeholder="*姓名"  class="ad_name" name="title" id="name" type="text" >

      <input placeholder="*手机号" class="ad_phone" name="mycall" id="mycall" type="text">

      <input placeholder="*地区"  class="ad_phone" name="address" id="address" type="text">


      <textarea placeholder="*请描述您的需求,我们会尽快联系您。" class="ad_note" style="margin-bottom: 13px;" name="saytext" id="content" cols="" rows="5"></textarea>


      <button   class="ad_submit" name="Submit3" type="submit">提交</button><input type="hidden" name="ecmsfrom" value="9">

    </form>

    <i class="ad_close" ></i>


  </div>


</div>

        <button>直接show动画</button>

<button>直接hide动画</button>


    <script type="text/javascript">

$('#liuyanban').css('border','red');

    //点击button

    //执行3秒隐藏

    //执行3秒显示

    $("button:first").click(function() {

        $("#liuyanban").show(3000)

    });

    $("button:last").click(function() {

        $("#liuyanban").hide(3000)

    });

    </script>

求大佬,为啥show不执行,hide没问题

写回答 关注

1回答

  • 苏依卡
    2018-08-09 12:03:42
    已采纳

    仔细看你的代码,里面有三个button,你在js里为show()方法绑定的是button:first,第一个按钮,但是你的第一个按钮不是<button>直接show动画</button>这个,而是<button   class="ad_submit" name="Submit3" type="submit">提交</button>这个提交按钮,所以怎么会实现呢?为你的show按钮加上id,就行了https://img4.mukewang.com/5b6bbcf40001ed2005050346.jpg


    苏依卡 回复角斗士觉醒

    不客气哦

    2018-08-09 12:39:24

    共 2 条回复 >

jQuery基础(四)—动画篇

jQuery基础教程动画篇,讲解jQuery基础开启动画修炼

85049 学习 · 262 问题

查看课程

相似问题