7-20 jquery遍歷節點，bootstrap模態框綁定事件和解綁，mock.js，model.urlroot,id,打基礎

7-19

1:$(event.target).parents().filter("tr").find("host-name") 為什么選擇不到別的host-name?

2:bootstrap模態框兩個巨大問題的解決辦法

①如何為bootstrap上的控件綁定事件 

            $(document).on("blur",".ip-txt",function(){
            var hehe  = $(event.target).val();
            var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;//正則表達式
               if(re.test(hehe))
               {
                if( RegExp.$1<256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) {
                    $(event.target).removeClass("iperror");
                }
                else{
                    $(event.target).val("");
                    $(event.target).attr("placeholder","格式應為x.x.x.x");
                    $(event.target).addClass("iperror");
                 }
                }
                else{
                    $(event.target).val("");
                    $(event.target).attr("placeholder","格式應為x.x.x.x");
                    $(event.target).addClass("iperror");
                  }

            });

沒錯就是這種寫法，記住！

②模態框事件觸發后關閉模態框后再觸發相同事件會發生一些很鬼畜的事情

解決辦法：在模態框消失后進行一波解綁

            $("#add-host-modal").on("hidden.bs.modal",function(){
                $(document).off("click",".addCard-firm-btn");
                $(document).off("click",".addVlan-firm-btn");
                $(document).off("click","#addHost-firm-btn");
                $(document).off("blur",".ip-txt");
                $(document).off("click","#add-ip1");
            });

 

3：使用mock.js對服務器端交互進行模擬

4：如果model的id是collection找到model的關鍵(get("id")),不同於其它屬性

5:  字符串轉數組split(",")

6:  好好打基礎