Question

用ajax传回的html代码不显示jquery设置的css特效！高手帮忙

html页面：
<style>
dl{ width:930px}
dd{float:left;font-size:15px; margin-bottom:10px}
dt{float:left; margin-right:10px; margin-bottom:10px; cursor:pointer}
.xzqy{ font-weight:600}
#jiedao { width:830px; padding:7px 10px 7px 10px; border:#d2d2d2 1px solid; overflow:hidden; cursor:pointer}
#jiedao li{ float:left; margin-right:10px; font-size:12px}
</style>
<script>
var xmlHttp;
function getCustomerInfo(str){
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null){
alert("您的浏览器不支持AJAX!");
return;
}
var url="get.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged(){
if(xmlHttp.readyState==4){
document.getElementById("jiedao").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject(){
var xmlHttp=null;
try{
//Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch(e){
//Internet Explorer
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('#xz dt').click(function(){
$('#xz dt').removeClass();
this.className="xzqy";
});
$('#jiedao li').click(function(){
$('#jiedao li').removeClass();
this.className="xzqy";
});
});
</script>
<dl id="xz">
<dd>区域：</dd>
<dt class="xzqy">全上海</dt>
<dt onclick="getCustomerInfo('huangpu')">黄浦</dt>
<dt>卢湾</dt>
<dt>静安</dt>
<dt>徐汇</dt>
<dt>浦东</dt>
<dt>长宁</dt>
<dt>虹口</dt>
<dt>杨浦</dt>
<dt>普陀</dt>
<dt>闸北</dt>
<dt>闵行</dt>
<dt>宝山</dt>
<dt>嘉定</dt>
<dt>青浦</dt>
<dt>奉贤</dt>
<dt>南汇</dt>
<dt>崇明</dt>
<dt>金山</dt>
<dt>松江</dt>
<dt>上海周边</dt>
</dl>
<ul id="jiedao">
<li class="xzqy">黄浦</li>
<li>卢湾</li>
<li>静安</li>
<li>徐汇</li>
<li>浦东</li>
<li>长宁</li>
<li>虹口</li>
<li>杨浦</li>
<li>普陀</li>
<li>闸北</li>
<li>闵行</li>
<li>宝山</li>
<li>嘉定</li>
<li>青浦</li>
<li>奉贤</li>
<li>南汇</li>
<li>崇明</li>
<li>金山</li>
<li>松江</li>
<li>上海周边</li>
</ul>

php:
<?php echo "<li class='xzqy'>路路</li>
<li>路路路</li>
<li>路路路路</li>
<li>徐汇</li>
<li>浦东</li>
<li>长宁</li>
<li>虹口</li>
<li>杨浦</li>
<li>普陀</li>
<li>闸北</li>
<li>闵行</li>
<li>宝山</li>
<li>嘉定</li>
<li>青浦</li>
<li>奉贤</li>
<li>南汇</li>
<li>崇明</li>
<li>金山</li>
<li>松江</li>
<li>上海周边</li>";?>
传回的li点击后不会像之前一样变class为xzqy字体加粗？

Answer 1

得用live，应该是1.3以上支持，如果jQuery版本过低请更换，ready里面修改成如下
$(document).ready(function(){
$('#xz dt').live("click",function(){
$(this).removeClass().addClass("xzqy");
});

$('#jiedao li').live("click",function(){
$(this).removeClass().addClass("xzqy");
});
});

还有既然用了jQuery，就不必自己封装XMLHTTP了，用jQuery里面的ajax比自己封装的好多了

追问

谢谢了，要用live啊！！！

但是你这个 $(this).removeClass().addClass("xzqy");不能实现取消之前选择的粗体哦

我改好了，再次感谢啊！！！