0

我在一个移动应用程序中有一个 jquery ui 手风琴，其中几乎有 4 到 5 个内容面板。手风琴的最后一个面板有一个带有提交按钮和 2 个文本字段的 div。单击文本框时，会弹出键盘。在使用键盘在文本字段中输入值后，然后单击面板内的提交按钮会导致当前活动的手风琴面板关闭并激活另一个不需要的手风琴内容面板。任何人都可以帮助我在单击面板内的按钮时找到停止关闭活动面板的方法。

<table>
    <tr>
        <td>col1</td><td>col2</td><td>col3</td>
    </tr>
    <!-- row containing accordion which is loaded 
         dynamically on click of the above row-->
    <tr>
        <td colspan=3>
            <div id='accordion'>
                <div><h3>Heading1</h3></div>
                <div> Content1</div>
                <div><h3>Heading2</h3></div>
                <div> Content2</div>
                <div><h3>Heading3</h3></div>
                <div> Content3</div>
                <div><h3>Heading4</h3></div>
                <div> Content4</div>
                <div><h3>Heading5</h3></div>
                <div><!-- the div with submit button comes here -->
                    <div><input type="text" name="txt1"></div>
                    <div><input type="text" name="txt2"></div>
                    <div><input type="button" value="Submit"></div>
                </div>
            </div>
        </td>
    </tr>
</table>

<script>
    $( "#accordion" ).accordion({
        collapsible: true,     
        heightStyle: "content"    
    });
</script>
4

0 回答 0