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 は一意であることを意図しています。$("#li") の場合は、id を class に変更してから、代わりに $(".li") を呼び出す必要があります。これは標準であるため、jQuery はおそらく最初の出現で停止します。

于 2009-02-16T12:17:42.750 に答える