javascript - js渣渣对代码在某些地方无效有个小疑问，望指点

Question

<script>

        $(function(){
            //为什么这段放在ajax中的success函数里可以执行，但是在ajax外面就不会执行呢
            $(".selectall").bind('click', function(){
                console.info("succes");
                if($(".selectone").prop("checked")){
                    $(".selectone").removeProp('checked');
                }else{
                    $(".selectone").prop("checked", "checked");
                }
            });
            //
            $.ajax({
                dataType: 'json',
                url: '/cartInfos',
                asyn: false,
                success: function(data){
                    $(".ui-container").append(
                            $.templates("#template-cart").render(data)
                        );
                },
                error: function(){
                    console.info("读取购物车的json数据失败了");
                }
            });
            
        });
    </script>

Answer 1

应该是事件监听的时候元素还没有生成， 当然也就无法触发了，可以用事件代理

$(".ui-container").delegate('.selectall', 'click', function() {
      //事件处理
});

Answer 2

$.templates("#template-cart").render(data);
应该是你的函数依赖data里面的内容，怎么报错的嘛

Answer 3

原因可能是：绑定事件的dom节点在js运行的时候还没有加载成功，ajax回调的时候dom已经加载

Answer 4

有个问题，$(".selectall")这个节点是本来存在还是ajax成功后加载的呢