iphone不支持点击document click的解决方法-原创手记-慕课网

iphone不支持点击document click的解决方法

小牛牛天天快乐 2017-10-11 16:13:25 浏览 2825

小牛牛天天快乐

关注TA

手记 15

粉丝 6

获赞 568

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .box{width:100%;height:300px;background:green;position: relative;}
        .box a{display:block;width:100%;height:100%;border:1px solid red;}
        .child{position:absolute;width:50%;height:500px;background:yellow;display:none;}
    </style>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $('.box a').on('click',function(event){
            if($('.child').css('display')=='none'){
                $('.child').show();
            }else{
                $('.child').hide();
            }
            event.stopPropagation();
        });
        $('.child').on('click touchstart',function(event){
            event.stopPropagation();
        });
        $(document).on('click touchstart',function(){
            $('.child').hide();
        });
    });
    </script>
</head>
<body>
    <div class="box">
        <a>menu1</a>
        <div class="child">
            fdkslafjkdlsajfkdls
        </div>
    </div>
</body>
</html>

0人推荐

发表评论