0

我从查询中返回了动态数量的 div，所有这些都带有类#li。我希望它们都平滑地淡入，而不是仅仅出现。到目前为止，我正在使用此代码：

function loadTables() {
                $.get("display.php", { server: Server, username: Username, password: Password, database: Database, content: "tables" },
                    function(data){
                        html = ''
                        $(data).find("table").each(function() {
                            html = html + "<div id='li'>" + $(this).text() + "</div>";
                            });
                        $('#content').html(html);
                        $('#li').hide();
                        $('#li').fadeIn('slow');
                    }
                );
            }

但问题是，动画只适用于第一个 div。它的动画效果很好。但所有其余的只是出现。jQuery.com 上的文档说它对所有匹配的元素都执行此操作，但似乎并没有这样做。我怎样才能解决这个问题？

4

2 回答 2

3

多个元素不能有相同的 id。
尝试将 id 替换为 class。

于 2009-02-16T12:16:24.560 回答
2

XML/HTML 中的 ID 是唯一的。您应该将 id 更改为 class，然后调用 $(".li") 如果 $("#li"). jQuery 很可能在第一次出现时停止，因为这是标准的。

于 2009-02-16T12:17:42.750 回答