0

私の目的は画像を動的にロードすることであり、jQuery を使用しています。Web ページで、<fieldset>が 5 つの画像を含む要素であり、 の下に 2 つのリンク (linkA と linkB) があるとし<fieldset>ます。マウスがリンク A にホバーすると、サーバー A から 5 つの画像が読み込まれ、<fieldset>. linkB にカーソルを合わせると、サーバー B からの 5 つの画像が に表示されました<fieldset>。

私の実装は<fieldset>A、マウスが初めて linkA に置かれたときに画像セット A を作成することです。マウスが linkB に移動すると、非表示<fieldset>Aになり、画像セット B を作成<fieldset>Bしてロードします。マウスが linkA に戻ると、非表示<fieldset>Bにして表示し<fieldset>Aます。

これが私の問題です。ページが読み込まれ、マウスを linkA の上に移動すると、ページは期待どおりに動作しますが、マウスが linkB に移動すると、追加<fieldset>Bし<fieldset>Aて非表示<fieldset>Aにし、<fieldset>Bどちらも表示されません。

以下はコードです: fieldA が作成されました

$.ajax({url:dUrl, success:function(result){
    var fieldB = $("<fieldset></fieldset>");
    fieldB.attr("id", cPath);
    fieldB.html(result);
    fieldA.append(fieldB);
    fieldA.hide();
}});

私は Web プログラミングは初めてですが、これは jQuery の間違った使い方ですか? これは、動的にロードする画像を実装する間違った方法ですか? 誰か助けてくれませんか？どうもありがとう。

4

1 に答える 1

1

.append（他の要素の中に要素を追加する）を使用する代わりに、 （指定さ.afterれた要素の後に要素を追加する）を使用してみてください。

于 2013-02-13T10:22:09.353 に答える