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

jQuery content panel switcher prevents from accessing form elements

本文关键字：访问 访问表 表单 元素 切换器 jQuery      更新时间：2023-09-26

我正在使用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";访问元素时，即使表单显示在我的浏览器中，它也根本不起作用。

你知道问题可能是什么吗？

谢谢！

这里的问题是document.submitform在浏览器加载时正在使用div 元素。但是，jquery.content-panel-switcher js 模块正在渲染这些不可见的内容，因为它只是在加载页面后将它们复制到另一个div 中。

所以我要做的是使用 jquery 访问 jquery.content-panel-switcher 创建的实际元素，然后它工作正常。

相关文章：