用jquery ajax动态添加进来的DIV无法获取效果

Question

页面头部载入了diy.js脚本，然后原来页面有个
<div class="box_excerpt" ></div>
用AJAX动态添加了一个同样的<div class="box_excerpt" ></div>，然后本来有的<div class="box_excerpt" ></div>可以被diy.js脚本控制实现一些特效比如圆角，新添加进来的那个相同div无法被diy.js脚本控制。
请问这是怎么回事？
怎么才能解决？

Answer 1

事件绑定的问题
你的diy.js干什么了？

Answer 2

$('.box_excerpt').mousemove(function(){

var bgcolor = $(this).css("background-color");
                bgcolor = String(bgcolor);
if(bgcolor != "rgb(159, 220, 249)")
$(this).css({cursor:"pointer", background:"#FAFED9"});
$(this).corner("8px");
})

Answer 3

$('.box_excerpt').live("mouseover",function(){var bgcolor = $(this).css("background-color");
  bgcolor = String(bgcolor);
if(bgcolor != "rgb(159, 220, 249)")
$(this).css({cursor:"pointer", background:"#FAFED9"});
$(this).corner("8px");
})

Answer 4

楼主的情况有两种解决办法，一种是用统一的class，绑定class的事件，另一种是在生成的时候就“追加事件”，比如生成标签的时候就加上click的事件

Answer 5

3楼的代码可行，我去给力啊！但是还有个问题，直接$('.excerpt_one').corner('8px'); 没有事件的，怎样在新增加的元素里面依然可以有效果

Answer 6

$(document).ready(function(){
var globalId;
var colorSign;
$('#display').corner('8px');
$('.excerpt_one').corner('8px');
$('.excerpt_one').fadeTo("slow", 0.7);ready开始的时候初始化的

Answer 7

那这样不行~~~你需要在动态添加了一个同样的<div class="box_excerpt" ></div>的时候再次初始化他 每次都要~

Answer 8

哦，好的的，我试了重新初始化了。没问题了
$("#content").append(content).find(".excerpt_one").corner("8px").fadeTo("slow", 0.7);给分