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创建的实际元素，然后它工作正常。

jQuery内容面板切换器阻止访问表单元素

1 个答案: