阅读699 返回首页    go 技术社区[云栖]

jQuery中documen.ready()什么时候执行以及动态绘制结构事件绑定

 

documen.ready()在什么时候开始执行？

在网页中所有DOM结构绘制完毕后就执行。可以简写成：$(function (){  });

 

但我们来看这段代码：

 <script type="text/javascript">
        var maxfile = 5;                   // 最大文件数
        var filecount = 1;                 // 文件计数器
        $(function () {
           
            // 添加文件
            $("#addAttach").click(function () {
                if (filecount > maxfile) {
                    alert("您已超过允许上传文件数!");
                    return false;
                }
                filecount++;

               var content = "<div><input type='file'/><a href='#'class='del'>删除附件</a><br/></div>";

                $("#files").append(content);

                deleteAllDiv();    // 注册删除事件
            });
        });

        // 删除
        function deleteAllDiv() {
            $('.del').click(function () {
                $(this).parent("div").remove();
                filecount--;
            });
        };

 

       // 这样写错误。因为document.ready的时候，注册click事件的时候无法找到$('.del')这个对象

       $('.del').click(fucntion())

       {

       }
 </script>

 

content是我们自己后来绘制出来的！DOM一开始加载的时候，没有这个结构！所以把它写在documen.ready()是没有用的！

 

最后更新：2017-04-02 22:16:18

  上一篇：go 链接伪类的应用
  下一篇：go IsPostBack属性简介