Schaltfläche "Senden" in der Kopfzeile anzeigen

Question

Ich portiere gerade ein jQTouch-Webprojekt nach jQuery Mobile und habe folgendes Problem: Ich muss eine Formularübergabe-Schaltfläche in der Kopfzeile der Seite anzeigen, aber wenn ich die Absenden-Schaltfläche nicht aktiviere In der Kopfzeile (anstelle einer Eingabe vom Typ submit im Inhalt) wird jQuery Mobile diese Schaltfläche immer als Teil des Formulars darstellen.

Dies funktioniert (Schaltfläche auf der rechten Seite des Seitenkopfes zeigen):

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

Sache ist, würde ich benutzerdefinierte Javascript schreiben müssen, um die einreichen auslösen, was ich würde offensichtlich eher nicht. Wenn auf der anderen Seite behandel ich dies in der Form, das heißt

<% 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> 
<% } %> 

der Knopf im Inhalt angezeigt wird.

Gibt es eine Möglichkeit, dass jQuery Mobile die Übergabeschaltfläche in der Kopfzeile mit dem letzteren Ansatz anzeigt?

Answer 1

Ich weiß, ich bin ein paar Monate zu spät, aber ich stieß auf diesen Beitrag ein anderes Problem zu erforschen. Um eine Seite von einer Schaltfläche in der Kopfzeile zu senden, die Sie den folgenden Button Markup verwenden können:

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

Answer 2

Ich bin nicht vertraut mit jQTouch, aber wie wäre es mit etwas wie dem Folgenden? Das Problem ist wahrscheinlich um die CSS-Klassen verwendet und wo Sie sie verwendet haben.