閱讀699 返回首頁    go 阿裏雲 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屬性簡介