renderAclModuleTree与bindAclModuleClick的问题

Question

为什么renderAclModuleTree(aclModuleList); 与bindAclModuleClick();交换顺序后对子元素的编辑操作不生效

function loadAclModuleTree(){
   $.ajax({
       url:"/sys/aclModule/tree.json",
       success:function(result){
           if(result.ret) {
               aclModuleList = result.data;
               if(aclModuleList&&aclModuleList.length>0) {
                   var render=Mustache.render(aclModuleListTemplate, {
                       aclModuleList: aclModuleList,
                       "showDownAngle": function () {
                           return function (text,render) {
                               return (this.aclModuleList&&this.aclModuleList.length>0)?"":"hidden";
                           }
                       },
                       "displayClass": function () {
                           return "";
                       }

                   });
                   $("#aclModuleList").html(render);
                   renderAclModuleTree(aclModuleList);
                   //先加载所有部门列表在绑定点击事件 ？？
                   bindAclModuleClick();
               }
           }else{
               showMessage("加载权限模块",result.msg,false);
           }
       },
   });
}

Answer 1

Jimin 2018-04-22 12:44:48

你好，render方法会先渲染出页面相关的dom元素，bind方法是对已有的dom元素绑定一些操作，如果换了顺序，bind方法那里实际上是没有dom元素被绑定的，因此就会没效果

• 提问者 qq_直皛_0 #1

  老师ajax里面调用的bindClick方法，在ajax结束后再出发的编辑事件，为什么还会执行bindClick方法里面的修改事件

• Jimin 回复 提问者 qq_直皛_0 #2

  绑定操作是针对dom元素的，和ajax没关系

• 提问者 qq_直皛_0 #3

  很强势！