ajax返回的数据，不再执行初次载入的JS，应该怎么改，先谢谢了！

点击一级栏目1后，

一级栏目1

变为：

一级栏目1

,

同时：id="xlm2"的li能显示二级栏目：

二级栏目1

，再点击二级栏目时，

二级栏目1

应该变为变为：

二级栏目1

才对，但是没有效果，dd没有加上样式 class="selected"，

应该是$(document).ready(function()没有被执行，应该怎么改？先谢谢兄弟了！


JS：

$(document).ready(function(){   $("#select1 dd").click(function () {        bid=$(this).attr("id");        $(this).addClass("selected").siblings().removeClass("selected");	        $.ajax({             type:"GET",             url:"t.php",             data:"cid="+bid,             cache:false,             success:function(data){ 		$("#xlm2").show();                $("#xlm2").html("
"+data+"
");             }         });   $("#select2 dd").click(function () {        $(this).addClass("selected").siblings().removeClass("selected");   }}

html:

   
      
一级栏目1
      
一级栏目2
      
一级栏目3
      
一级栏目4
      
一级栏目5
   

t.php

$cid = $_GET['cid'];$mesql=$empire->query("select * from class where classid=".$cid );while($r=$empire->fetch($mesql)){      $classname.= "
".$r[classname]."
";}echo $classname; 

回复讨论(解决方案)

如果你的 jQuery 是 1.8.3 及以下
$("#select2 dd").live('click', function () {

如果的的 jquery 是 1.8.0 及以上
$("#select2 dd").on('click', function () {
这个写法要求 #select2 dd 是已存在的，否则应写作
$(document).on('click', "#select2 dd", function () {

哦，原来是这样，非常感谢，已经OK了，回答又快又准又好，非常感谢！谢谢！