显示在页眉

目前，我正在移植一个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的显示采用后一种方法在标题提交按钮？

来源

2010-11-22 Thorsten Westheider

我知道我已经晚了几个月，但是我遇到了这篇文章研究另一个问题。为了从一个按钮，你可以使用下面的按钮标记标题提交页面：

<a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>

来源

2011-06-18 15:05:08

我对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-23 04:36:41 ptutt

不行的，因为头是一个表单内呈现（添加周围有一个额外的帧）和按钮完全出现弄乱了一个按钮样式的链接，该链接看起来就是它应该加上的一个输入元素，该元素跨越整个页面标题并显示在所有其他页面上。 – 2010-11-23 08:27:31

我建议使用dom检查器来检查应用于每个节点的css。您可以在IE 8中使用开发人员工具或为Firefox安装firebug。 – ptutt 2010-11-26 00:37:12

回答

相关问题