0

我有一个像这样的 jquery 移动面板：

<a href="#panel2"  class="ss-header-actions-language">
    <span class="ss-header-labels" id="ss-general-label">Language</span>
</a>

<div data-role = "panel" id = "panel2" data-display="overlay" data-position="right" data-swipe-close="false" >
    <asp:RadioButton ID="rdbEng1" AutoPostBack="true"   runat="server" Text="English"  GroupName="lang"   />
    <asp:RadioButton ID="rdbspan1"  AutoPostBack="true"   runat="server" Text="Español"  GroupName="lang"   />
    <asp:Button runat="server" Text="Submit" OnClick="Submit_Click"   />
</div>

我希望面板在单击提交按钮时关闭。现在，当我选择面板内的任何单选按钮时，面板会关闭。如果单击单选按钮，我希望面板保持打开状态，但是一旦单击提交按钮，我希望面板关闭。

我怎样才能做到这一点。任何帮助将不胜感激。

4

1 回答 1

0

首先，您需要防止回发到服务器，为了做到这一点AutoPostBack="false"，RadioButton您可以更改asp:Button为input.

然后根据JQuery Mobile Panel：

面板也可以通过close直接调用面板的方法来关闭。

所以这应该工作：

<a href="#panel2" class="ss-header-actions-language">
    <span class="ss-header-labels" id="ss-general-label">Language</span>
</a>

<div data-role="panel" id="panel2" data-display="overlay" data-position="right" data-swipe-close="false">
    <asp:RadioButton ID="rdbEng1" AutoPostBack="false" runat="server" Text="English" GroupName="lang" />
    <asp:RadioButton ID="rdbspan1" AutoPostBack="false" runat="server" Text="Español" GroupName="lang" />
    <input type="button" onclick="ClosePanel();" name="Submit" value="Submit" />
</div>

<script type="text/javascript">
    function ClosePanel() {
        $("#panel2").panel("close");
    }
</script>
于 2020-07-29T05:58:27.000 回答