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/

如果有帮助，请投票。谢谢。

于 2013-01-17T08:49:51.883 回答