1

我目前正在将 jQTouch Web 项目移植到 jQuery Mobile 并遇到以下问题：我需要在页眉中显示表单提交按钮，但除非我将提交按钮设置为页眉中的操作（而不是输入在内容中提交类型）jQuery Mobile 将始终将该按钮呈现为表单的一部分。

这将起作用（按钮将显示在页眉的右侧）：

<div data-role="header" data-theme="b">
     <a href="#" class="ui-btn-right" data-icon="check"><%: Resources.View.Account.Labels.DoLogOn %></a>
</div>

问题是，我必须编写自定义 javascript 来触发提交，显然我不想这样做。另一方面，如果我在表单中处理这个，即

<% using (Html.BeginForm("LogOn", "Account", 
     new { returnUrl = Request.QueryString["ReturnUrl"] }, FormMethod.Post,         
     new { @class = "ui-body ui-body-c" }))
   {%>
      <fieldset class="ui-grid-a" data-theme="c">
         <input data-icon="check"
                class="ui-btn-right"
                type="submit" 
                value="<%= Resources.View.Account.Labels.DoLogOn %>" />
      </fieldset>
<% } %>

该按钮将显示在内容内。

有没有办法让 jQuery Mobile 使用后一种方法在标题中显示提交按钮？

4

2 回答 2

0

我对 jQTouch 不熟悉，但是像下面这样的呢？问题可能与使用的 css 类以及您在哪里使用它们有关。

<% using (Html.BeginForm("LogOn", "Account", 
     new { returnUrl = Request.QueryString["ReturnUrl"] }, FormMethod.Post))
   {%>
   <div data-role="header" data-theme="b">
     <fieldset class="ui-grid-a" data-theme="c">
     <input data-icon="check"
            class="ui-btn-right"
            type="submit" 
            value="<%= Resources.View.Account.Labels.DoLogOn %>" />
     </fieldset>
   </div>
   <div id="Content" class="ui-body ui-body-c">
      ...content here
   </div>
<% } %>
于 2010-11-23T04:36:41.400 回答
0

我知道我迟到了几个月，但我发现这篇文章正在研究另一个问题。要从标题中的按钮提交页面，您可以使用以下按钮标记：

<a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>
于 2011-06-18T15:05:08.517 回答