jQuery內容面板切換器阻止訪問表單元素

Question

我在我的網站中使用jquery.content-panel-switcher頂級菜單。它顯示和隱藏不同的形式，如

<div id="switcher-panel"></div> 

      <!-- form to add, later do import here --> 

      <div id="adds-content" class="switcher-content set1 show"> 
       <form action='/post' name='submitform' id="submitform" method='post' class='pure-form'> 

         <textarea columns="40" rows="4" name='entry[body]' id="statement" placeholder='enter a note here to visualize the words and their connections, you can also use #hashtags and @mentions.'><% if (url) { %><%= urltitle %> <%= url %> @bookmarks<% } %></textarea> 
         <div id="addToContextsLabel">contexts:</div> 
         <ul id="addToContexts"></ul> 
         <input type="hidden" id="addedContexts" name="addedContexts"> 
         <input type="hidden" id="context" name="context" value="<%= context %>"> 
         <input type="hidden" id="selectedContexts" name="selectedContexts" value=""> 
         <input type="hidden" name="statementid" value=""> 
         &nbsp;<br> 
         <input type='submit' name="submit" id="submitbutton" value="save" class="pure-button pure-button-primary"> 

       </form> 

      </div> 

      <!-- form to find --> 

      <div id="finds-content" class="switcher-content set1"> 

       <form class="pure-form" id="searchform"> 
        <input type="text" id="search" size="17" maxlength="20" class="pure-input" placeholder="search..."> 
        &nbsp;&nbsp; 
        <input type='submit' name="submit" value="find" class="pure-button pure-button-primary"> 

       </form> 
      </div> 

現在，當我嘗試使用document.submitform.submit.value = "edit";它只是即使形式我的瀏覽器中顯示不工作訪問的元素。

你知道這個問題可能是什麼嗎？

謝謝！

Answer 1

這裏的問題是，document.submitform正在使用瀏覽器加載的div元素。但是，jquery.content-panel-switcher js模塊正在渲染那些不可見的，因爲它只是在頁面加載後將它們複製到另一個div中。

所以我所要做的就是使用jquery訪問由jquery.content-panel-switcher創建的實際元素，然後它工作正常。