1. 首頁
  2. 問答
  3. jQuery ::動態創建菜單項

jQuery ::動態創建菜單項

2013-01-16 131 views
1

我正在學習jQuery，不太瞭解它，所以請耐心等待。jQuery ::動態創建菜單項

我創建了一個菜單，其中包含Search AddNew Edit 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

回答

1

而不是隻使用超鏈接，這將是更好的方法來使用列表穆斯曼做的。

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

以下是更新的版本，它：如果http://jsfiddle.net/ZkGbw/19/

請投它幫助。 謝謝。

來源

2013-01-17 08:49:51

+0

+1表示此行 - >「請投票如果有幫助，謝謝。」 :) – Morpheus

+0

非常感謝khurram ..它沒有解決我的完整問題，但它給了我想法如何進行..再次感謝:) – jasper

相關問題

 相關問題