函数fadeIn() 为何只有第一个有反应 下面的都没反应

Question

$(document).ready(function(){ $("#reply").click(function(){ $("#af").fadeIn('slow') }) })

xxxxxxxxxxxxxxxxx

回复

xxxxxxxxxxxxxxxxx

回复

xxxxxxxxxxxxxxxxx

回复

问题:点击第一个按钮有反应 下面的都没反应呢

Answer 1

HTML中，id必须唯一标识一个元素。也就是说：不能有两个标签有相同的id。这个html是不正确的。

这种情况，还是3个使用不同的id吧。三个分别挂载消息处理函数。

[code="html"]

function makeFadeFunction(expr) { return function() { $(expr).fadeIn('slow'); } } $(document).ready(function(){ for (var i = 0; i<3; i++) { // 由于JavaScript的Closure的工作方式，直接function() {...}是不可以的。 $("#reply"+i).click(makeFadeFunction("#af"+i)); } });

xxxxxxxxxxxxxxxxx

回复

xxxxxxxxxxxxxxxxx

回复

xxxxxxxxxxxxxxxxx

回复

[/code]