如何隱藏，當頁面啓動時，使用jQuery自動生成html元素

當頁面啓動時，jQuery生成一個我希望隱藏的窗體。因爲我想單擊按鈕時顯示它。如何隱藏，當頁面啓動時，使用jQuery自動生成html元素

這些說明，我創建的形式：

$("#cards").append('<li id="card" class="feed-element animated fadeInRight" style="color: grey" data-user="' + key + '">\n\ 
         <button id="previewCard" type="button" value = "' + key + '" class="btn btn-primary btn-sm btn-block btn-xs">' + preview + '</li>\n\ 
         <form id="cardFormDetail" class="animated fadeInRight">\n\ 
          <div class="form-group">\n\ 
           <input id="customerCardDate" class="form-control" type="text">\n\ 
          </div>\n\ 
          <div class="form-group">\n\ 
           <input id="customerCardScope" class="form-control" type="text">\n\ 
          </div>\n\ 
          <div class="form-group">\n\ 
           <textarea id="customerCardText" class="form-control" rows="5"></textarea>\n\ 
          </div>\n\ 
         </form>\n\ 
         <button id="modifiedCard" type="button" value = "' + key + '" class="btn btn-primary btn-xs pull-left">Modified</button>\n\ 
         <button id="deleteRequestCard" type="button" value = "' + key + '" class="btn btn-primary btn-xs pull-right">Delete</button>\n\ 
         <br><hr style="border-color: #c80b00;">');

當頁面開始cardFormDetail形式是可見的。我怎樣才能讓它看不見？我試過$("#cardFormDetail").hide()但它不起作用。原因是因爲它是一個動態元素，對嗎？

來源

2015-06-28 Dave

既然你想加載時隱藏它，請使用CSS而不是jQuery，除非有理由證明你爲什麼要這樣做。

#cardFormDetail { display: none; }

來源

2015-06-28 19:06:15 lshettyl

然後使用jQuery的'.css（'display'，'block'）'或'.show（）'來根據需要顯示它 – mgmcdermott

使用一個cardFormDetail表單工作。但是如果我有更多的話？ – Dave

具有相同名稱的多個ID會使您的HTML無效。如果是這種情況，請用相同的名稱創建一個類並應用您的CSS。 – lshettyl

把你的代碼隱藏在代碼後面的代碼附加元素。

另一件事是你將具有相同id'cards'的元素附加到具有相同id的現有元素上。

如果您的元素是動態添加的，這並不重要，您應該始終可以使用jquery隱藏它。

你能發表整個代碼嗎？

來源

2015-06-28 19:16:02 Majid

如何隱藏，當頁面啓動時，使用jQuery自動生成html元素

回答

相關問題