0

私はこの要素を持つdivを持っています：

<div id = "menu">

                <a>Elemento1</a><br/>

                <a>Elemento2</a><br/>

                <a>Elemento3</a><br/>

</div>

要素の1つがクリックされるたびに、クリックされた要素に応じて、このリストの横に異なるコンテンツの新しいdivを追加する必要があります。これにより、異なるリストが追加されます。私はWeb開発に不慣れで、jQuery関数を使用する.replaceWith()とそれが可能であることがわかりましたが、他の.htmlファイルで取得したdivを追加して、この関数を使用する方法はありますか？

ありがとう！

4

3 に答える 3

1

<div id="content"></div>メニューの後にだけ入れてから使用しないのはなぜ
$("#content").load("your_file.html");ですか？

于 2013-02-19T18:45:12.370 に答える
1

別の HTML ファイルの特定の部分を取得するには、jQueryload関数を使用します。あなたの場合の基本的な使用法は次のとおりです。

$('#result').load('ajax/test.html #container_you_want_to_load');

リンクの前後に要素を追加するには、いくつかの選択肢があります。問題は、本当に必要かどうかです。おそらく、コンテンツをロードする 1 つのターゲット div を定義するだけで十分です。その場合、上記の例は完全に適しています。

<a>ただし、タグの横に要素を追加する場合は、afterまたはbeforejQuery 関数の使用を検討してください。

リンクの 1 つでもクリックをキャッチするには、以下を確認してください。click

于 2013-02-19T18:53:18.917 に答える
1

replaceWithは、一部の DOM 要素を別のものに置き換えるために使用されます。この機能で解決できるとは思えません。

.load関数を使用して、html ファイルのコンテンツを取得し、必要な場所に挿入できます。クリック イベントをすべてのリンクにバインドし、href属性を使用してそれぞれのファイルを取得するだけです。イベントの最後にfalse を返すことを忘れないでください。

このようなもの：

<div id="menu">
     <a href="page1.html">Elemento1</a>
     <a href="page2.html">Elemento2</a>
     <a href="page3.html">Elemento3</a>
</div>
<div id="content"></div>

$("#menu a").click(function(){
   $("#content").load(this.href);
   return false;
});
于 2013-02-19T18:47:27.433 に答える