2010-11-22 8 views
1

Şu anda jQuery Mobile'a bir jQTouch web projesi gönderiyorum ve şu sorunla karşılaştım: Sayfa üstbilgisinde bir form gönderme düğmesi görüntülemem gerekiyor, ancak gönder düğmesini bir işlem yapmadıkça Başlıkta (içerikte bir yazı tipi yerine) jQuery Mobile, bu düğmeyi her zaman formun bir parçası olarak gösterir.Başlıkta yer alan görüntüleme düğmesi

Bu çalışacaktır (düğme sayfa başlığının sağ tarafında gösterilir):

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

Şey, ben hangi açıkçası ben tercih ederim, teslim tetiklemek için özel JavaScript yazmak zorunda ediyorum değil. Eğer, diğer taraftan ben yani

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

düğme içeriği içinde görüntülenecek, form içinde bu işi.

jQuery Mobile'ın, ikinci yaklaşımı kullanarak üstbilgideki gönderme düğmesini görüntülemesinin bir yolu var mı?

cevap

0

Birkaç ay geç kaldığımı biliyorum, ancak başka bir sorunu araştırmak için bu gönderiye rastladım. başlığı (etrafında ekstra bir çerçeve ekleme) bir form içinde oluşturulur ve çünkü

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

jQTouch ile aşina değilim, ama aşağıdaki gibi bir şey hakkında ne dersiniz? Sorun, muhtemelen kullanılan css sınıfları ve bunları kullandığınız yerlerdir.

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

Çalışmaz, düğme tamamen görünür: Aşağıdaki butonu işaretlemesini kullanabilirsiniz başlığındaki bir düğmeye bir sayfa göndermek için tüm sayfa üstbilgisini kapsayan ve diğerlerinin üstünde görüntülenen bir giriş öğesi artı olması gereken yerde görünen bir düğmeyle stillenmiş bağlantıyla uğraştı. –

+0

Her düğüm için uygulanan css'yi incelemek için bir dom denetçisini kullanmanızı öneririm. Geliştirici araçlarını IE 8'de kullanabilir veya firefox için firebug kurabilirsiniz. – ptutt