在提交按钮上关闭 Jquery 移动面板
closing the Jquery mobile panel on submit button
我有一个 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>
我希望在单击提交按钮时关闭面板。现在,当我 select 面板内的任何单选按钮时,面板关闭。如果单击单选按钮,我希望面板保持打开状态,但一旦单击提交按钮,我希望面板关闭。
我怎样才能做到这一点。任何帮助将不胜感激。
首先你需要防止回发到服务器,为了做到这一点,将 AutoPostBack="false"
设置为 RadioButton
,你可以将 asp:Button
更改为 input
。
然后根据JQuery Mobile Panel:
A panel can also be closed by calling the panel's close
method
directly.
所以这应该有效:
<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>
我有一个 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>
我希望在单击提交按钮时关闭面板。现在,当我 select 面板内的任何单选按钮时,面板关闭。如果单击单选按钮,我希望面板保持打开状态,但一旦单击提交按钮,我希望面板关闭。
我怎样才能做到这一点。任何帮助将不胜感激。
首先你需要防止回发到服务器,为了做到这一点,将 AutoPostBack="false"
设置为 RadioButton
,你可以将 asp:Button
更改为 input
。
然后根据JQuery Mobile Panel:
A panel can also be closed by calling the panel's
close
method directly.
所以这应该有效:
<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>