1

私はjQueryを学んでおり、それについてあまり知らないので、ご容赦ください。

Search AddNew Edit Delete メニュー項目を含むメニューを作成しました。私の要件は、AddNew または Edit リンク/ボタンをクリックするたびに、「AddNew」または「Edit」メニュー項目を Update および Cancel メニュー項目に置き換えるコードです。これらのメニュー項目は、キャンセルまたは更新が押されない限り、別のメニュー項目を選択できないようにする必要があります。「キャンセル」または「更新」メニュー項目をクリックすると、両方のメニュー項目が消え、「編集」メニュー項目が元に戻るはずです。試してみましたが、どういうわけかうまくいきません。

    <body>
    <div class="menu">
        <a id="aSearch" href="#">Search</a><br />
        <a id="aAddNew" href="#">Add New</a><br />
        <a id="aEdit" href="#">Edit</a><br />
        <a id="aDelete" href="#">Delete</a><br />
    </div>
    </body>

これを解決するのを手伝ってもらえますか? ここで jsFiddle を見つけることができます: JsFiddle リンク

4

1 に答える 1

1

ハイパーリンクのみを使用するのではなく、Moosemanのようにリストを使用する方がよいでしょう。

        $(function () {
        $("#lnkEdit").click(function () {
          $("#lnkCancelUpdate").toggle();
          $("#lnkEdit").toggle();           
        });
        $("#lnkCancel").click(function () {
          $("#lnkCancelUpdate").toggle();
          $("#lnkEdit").toggle();
        });
    });

以下はその更新バージョンです：http：//jsfiddle.net/ZkGbw/19/

それが役に立った場合、plsは投票します。ありがとう。

于 2013-01-17T08:49:51.883 に答える