问答详情
源自:1-3 jQuery中显示元素的show方法

jquery hide() show()

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

提问者:慕粉1888 2016-07-10 17:39

个回答

  • 慕粉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");

        });


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

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