Question

我正在学习jQuery并且不太了解它，所以请耐心等待。

我创建了一个包含Search AddNew Edit Delete菜单项的菜单。现在我的要求是 - 每当我点击AddNew或编辑链接/按钮时，我的代码应该用Update和Cancel菜单项替换“AddNew”或“Edit”菜单项。除非按下取消或更新，否则这些菜单项不应该选择其他菜单项。一旦我点击“取消”或“更新”菜单项，两个菜单项都应该消失，“编辑”菜单项应该回来。我试过但不知何故它没有任何好处。

    <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 Link

Answer 1

不是仅使用超链接，而是使用列表作为Mooseman的更好方法。

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

以下是其更新版本：http://jsfiddle.net/ZkGbw/19/

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

jQuery ::动态创建菜单项

1 个答案: