-4

私は JQuery を知りませんが、上のナビゲーション バーからのクリックに基づいて、さまざまなコンテンツを入力するボックスを作成しようとしています。

助けてくれてありがとう！

4

3 に答える 3

1

質問に対するコメントで述べたように、この質問は広すぎて、コミュニティによって閉鎖されることを期待しています。しかし、私はいくつかの指針を提供すると思いました：

  1. clickjQueryにその要素のハンドラーをフックさせることで、要素がクリックされたときに関数呼び出しをトリガーできます。どの要素について話しているのかをjQueryに伝えることができる必要があります。これは、任意のCSSセレクターで実行できます。を使用することもできますid（ただしid、一般的には必ずしも最良の選択であるとは限りません）。例えば：

    $("#foo").click(function() {
    alert("Hi there");
});

    click...その関数を要素のイベントにフックしますid "foo"。

  2. html関数（コード内の文字列で指定するコンテンツの場合）または関数（サーバーからオンデマンドでロードするコンテンツの場合）を使用して要素loadにコンテンツをロードできます。また、jQueryに要素を検索させてから、アクションを実行します。その上で：

    $("#foo").html("New content");

$("#foo").load("/path/to/new/content/on/server");

jQuery APIドキュメントは良い出発点であり、オンラインチュートリアルやブログはいくつもあります。それで頑張ってください。

于 2013-02-27T17:55:56.487 に答える
0

これを実現するには、jQuery の基本的な概念、特に jQuery のクリック機能とhtml /テキスト機能をよく読んでおく必要があります。

最も基本的な形式では、次のように使用します。

$('#myNavLink').click(function(){
  $('#myContentArea').text("This is the new content text");
});
于 2013-02-27T17:53:55.640 に答える
0

これは非常に幅広い質問であり、インターネット全体に回答があります。ただし、開始するには、次の構文を確認する必要があります。

var value = '<p>Here is my new content that came from my database, fetched using Ajax & jQuery!</p>';
$('#mydiv').html(value);

上記のコードは非常に破壊的であり、すべてのコンテンツを完全に置き換えてしまうことに注意してください。

幸運を！

于 2013-02-27T17:55:27.283 に答える