jQuery :: 메뉴 항목을 동적으로 생성하기

jQuery를 익히 알고 그것에 대해 많이 알지 못하므로 나와 함께 참아주십시오.jQuery :: 메뉴 항목을 동적으로 생성하기

검색 AddNew Delete 메뉴 항목으로 메뉴를 만들었습니다. 이제 내 요구 사항은 - AddNew 또는 Edit 링크/단추를 클릭 할 때마다 내 코드가 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

출처

2013-01-16 jasper

하이퍼 링크 만 사용하는 대신 Mooseman처럼 목록을 사용하는 것이 좋습니다.

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

은 그것의 버전을 업데이트입니다 : 그것은 도움이 http://jsfiddle.net/ZkGbw/19/

Pls는 투표합니다. 감사합니다. .

출처

2013-01-17 08:49:51

+1이 줄을 쓰면 -> "도움이된다면 투표 할 것입니다. 감사합니다." :) – Morpheus

대단히 감사합니다 khurram .. 그것은 내 완전한 문제를 해결하지 못했지만 어떻게 진행하는 지 아이디어를주었습니다 .. 다시 한번 감사드립니다 :) – jasper

jQuery :: 메뉴 항목을 동적으로 생성하기

답변

관련 문제