jquery hide() show()

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

慕粉1888

2016-07-10 17:39

点击button后对象开始hide和show 在hide和show过程中再次点击 再show结束后 会再一次进行hide 怎么让它只进行一次

写回答 关注

5回答

  • 慕粉1519242657
    2017-07-10 15:15:47
    //jquery回调函数
    <script type="text/javascript">
        var Blean=false;
        $("button").click(function(){
            if(Blean==false){
                $("#a1").hide(3000).show(3000,function(){
                    Blean=true;
                });
            }
        });
    </script>

    禁用按钮

    <script>
        $("button").click(function(){
            $("#a1").hide(3000).show(3000);
            $(this).attr("disabled","disabled")
        });
    </script>

    学到了感谢上面的两位

  • 你看起来似乎很美味
    2016-10-22 14:09:41

    就像这样呢,我尝试是ok的

        <script type="text/javascript">
    	var click_flag = 0;
        //点击button
        //执行3秒隐藏
        //执行3秒显示
        $("button").click(function() {
            if(!click_flag){
    			click_flag = 1;
    			$("#a1").hide(3000).show(3000,function(){
    					click_flag = 0;
    				})
    		}
        });
        </script>


  • 你看起来似乎很美味
    2016-10-22 14:01:50

    可以布尔值click_flag=0,click后flag=1,当show()完成回调函数使flag再为0。那么click事件加一个if(!flag)判断不就行了?

  • Cassie_yu
    2016-07-13 15:40:54

    也许你可以在点击后将按钮 禁用

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

            $("#a1").hide(3000).show(3000);

            $(this).attr("disabled","disabled");

        });


    Cassie... 回复慕粉1888

    对啊 点一次就不能点了啊~

    2016-07-13 17:40:57

    共 2 条回复 >

  • qq_yEs先生_53252576
    2016-07-11 10:12:06

    $("button").click(function() {
            $("#a1").toggle(1500);
        });

    慕粉1888

    一样的 一直点按钮就会一直show&hide

    2016-07-11 10:15:56

    共 1 条回复 >

jQuery基础(四)—动画篇

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

85058 学习 · 262 问题

查看课程

相似问题