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:  好好打基础

上一篇:知识点总结之HTML篇


下一篇:Bootstrap模态框按钮