invincible3ai 2019-11-01 20:51 采纳率: 0%
浏览 280

jquery的消失显示效果问题

现默认有6个div方块，点击可使其消失
另有一个增加div按钮，课添加div

问题

新添加的div无法点击消失

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
            div{
                width: 50px;
                height: 50px;
                background-color: #7FFFD4;
                margin: 0.125rem;
                float: left;
            }
        </style>        
        </div>
    </head>
    <body>
        <div></div>
        <button type="button" id="adddiv">加一个div</button>

        <script type="text/javascript">
            $(document).ready(function(){
                //利用循环加五个方块
              for(var i=0;i<5;i++){
                $("<div>").appendTo(document.body);
              } 
              //设置隐藏效果
              $("#adddiv").click(function(){
                $("<div>").appendTo(document.body);
              }); 
                //点击消失效果
              $('div').click(function(){
                $(this).hide(600);
              });
            });
        </script>
    </body>
</html>

请问问题出现在了na

  • 写回答

1条回答 默认 最新

  • 天际的海浪 2019-11-02 00:14
    关注

    因为$("div")获取的只是当前页面上现有的div，也就只给当前页面上现有的div绑定了事件。之后再创建的div没有绑定事件。

    要改成委托式的绑定事件。这样之后再创建的div也能触发事件

                    //点击消失效果
              $(document).on("click", "div", function(event){
                $(this).hide(600);
              });
    评论

报告相同问题？

悬赏问题

  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？
  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集