为了账号安全,请及时绑定邮箱和手机立即绑定

大神 帮忙看看为什么隐藏不了?

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>挑战题</title>


<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

    </head>

    <body>

     <input type=button id="btn" value="显示">

     <ul id="uls"></ul>

     <script type="text/javascript">

    var sts=[{name:"谭1","score":100},{name:"谭2","score":101}]

    

    $(function(){

        if($("#btn").val()=="显示"){

        $("#btn").one("click",function(){

        $("#btn").val("隐藏")

        $.each(sts,function(index,result){

            $("#uls").append("<li><pre>姓名:"+result.name+" 得分:"+result.score+"</pre></li>")})

        

        

    })

        }else{

            $("li").remove();

            $("#btn").val("显示")

        }

    })


    </script>

     

    </body>

</html>


正在回答

2 回答

$(function(){
        $("#btn").bind("click",function(){
            if($("#btn").val()==="显示"){
                $("#btn").val("隐藏");
                $.each(sts,function(index,result){
                    $("#uls").append("<li><pre>姓名:"+result.name+" 得分:"+result.score+"</pre></li>")})
                }
            else{
                $("li").remove();
                $("#btn").val("显示")
            }
         })
    })

下面的else其实是没有绑定点击事件的,所以隐藏的点击没有效果,而且one方法是绑定一次性事件,感觉没有bind好

0 回复 有任何疑惑可以回复我~
#1

丶Simple0 提问者

非常感谢!
2016-04-14 回复 有任何疑惑可以回复我~

恩,是的。之前我用bind  第一次点显示调出数据,按钮变成隐藏,再次点击隐藏 还是会调出数据 所以就用one了



0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

大神 帮忙看看为什么隐藏不了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信