<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>
原因可能是:绑定事件的dom节点在js运行的时候还没有加载成功,ajax回调的时候dom已经加载
有个问题,$(".selectall")这个节点是本来存在还是ajax成功后加载的呢
应该是事件监听的时候元素还没有生成, 当然也就无法触发了,可以用事件代理
$(".ui-container").delegate('.selectall', 'click', function() {
//事件处理
});
$.templates("#template-cart").render(data);
应该是你的函数依赖data里面的内容,怎么报错的嘛