0

コンテンツをテストするためのこのWebページがあります。他の 3 つの個別の HTML ファイルには、3 つの異なるナビゲーション メニューがあります。私がやりたいことは、テスト ページに 3 つのリンクを含むドロップダウン メニューを含めることです。各リンクは、テスト ページのナビゲーションを変更します。たとえば、テスト ページにはデフォルトのナビゲーションがあります。ドロップダウンのリンク 1 をクリックすると、そのナビゲーションが変更されます。リンク 2 とリンク 3 と同じです。JavaScript または jQuery でこれを行うにはどうすればよいですか?

4

2 に答える 2

0

jquery の仕組みは、特定のイベントが発生するたびに実行するカスタム コードを使用して、リスナーを設定することです。リンクの例を次に示します。

<a id="mylink" href="home.html">Go Home</a>

JavaScript（これをあなたとタグの間に入れてください）：

 <script type="text/javascript">
      $(document).ready(function() {
         //This code gets run when the page is finished loading
         $('a#mylink').click(function() {
              //Handle the event here
         });
     });
</script>

また、実行時に HTML を動的に変更する方法についても尋ねました。jQuery には、この .html() のための優れた機能があります

html があるとします。

<div id="changeme">Hello</div>

次のjQuery:

$('#changeme').html("Goodbye");

ページの html を次のように変更します

<div id="changeme">Goodbye</div>
于 2013-07-02T16:32:27.510 に答える