Question

Jquery click绑定不同的div效果不一样

<script type="text/javascript">
$(function() {
BindSubCategory();
$('#div1').click(function() {
$('#div1 ').attr("class", "seled");
alert("Bound handler called.");
});
});
function BindSubCategory() {
var data1 = {}; //动态获取子分类的多个选中值
$.ajax({
url: '/ashx/Handler1.ashx',
cache: false,
dataType: "text",
type: "GET",
// data: { min: ' ' },
success: function(msg) {
var result = "" + msg;
// alert("成功调用了Handler1.ashx，输出结果是:" + result);
$($.parseXML(result)).find("Item").each(function(ele) {
//获取属性
var strAttr1Value = $(this).children("Attr1").text();
var strAttr2Value = $(this).children("Attr2").text();
//打包需要动态追加的临时元素
var tmpDiv = $($.parseHTML("<div>" + strAttr1Value + "</div>"));
tmpDiv.attr("cateID", strAttr2Value);
tmpDiv.attr("class", "selefd");
//动态追加元素到页面某元素中
$("#div1").append(tmpDiv);
});
},
error: function(msg) {
alert("dfa");
}
});
}
</script>

使用Jquery的append方法添加Div及内容， $("#div1").append(tmpDiv)
但是id为div1的click方法有效，改为$('.slelefd').click(function() click方法就没有效果。还有如果加<a>标签的话没有鼠标移到上面没有点击的效果，就是鼠标没变为食指点击状态，而是变为I有点是工形。





Answer 1

$("#div1")只是选取id为div1的元素，返回单个对象
$('.slelefd')选取了所有class为slelefd的元素，返回的是对象数组
----------
没有就给a加个style属性：style="cursor:pointer;"

Answer 2

为动态添加的html元素绑定jq事件，应使用$(selector).live('event',function(){});

追问

为什么没有<a>样式呢 只有<p>的文本样式 也没有点击样式

追答

a标签有href才会有手型指针的样式

追问

cursor: pointer;