jQuery Mobile的問題 - 第一次使用

所以我第一次使用jQuery手機。jQuery Mobile的問題 - 第一次使用

我已經添加了它，並且我的swiperight函數正在返回前一頁。

但是，正如我一直在導航，我已經注意到一些事情是以增加jQuery手機爲代價的。我設法通過使用$("input, textarea, select", e.target).attr("data-role", "none");來阻止輸入等元素的變化。

1）。加載消息顯示在屏幕的底部。我通過使用$.mobile.loadingMessage = false;刪除了這個，但是當它不需要時，它仍然會導致一個滾動條，導致我的頁腳下方出現白線。 2）。在我的網頁之一，我有以下的代碼現在不再起作用：

$(document).ready(function() { 

    $("#arrow_click").click(function(){ 

     var theclass = $(this).attr("class"); 

     if(theclass == "icon-chevron-down"){ 
      $("#table_cont").hide(); 
     } else if(theclass == "icon-chevron-up"){ 
      $("#table_cont").show(); 
     } 

    }); 

});

任何人都可以擺脫這兩個問題上的任何輕？

謝謝

來源

2013-03-08 Elliot

看起來像你有其他一些JavaScript錯誤阻止此...檢查您的控制檯的錯誤 – bipen 2013-03-08 11:30:56

在控制檯中沒有錯誤。 – Elliot 2013-03-08 11:34:49

好，所以問題2是由於jQuery手機將ui-link作爲類添加到鏈接中，所以我將代碼更改爲：\t \t \t if（theclass.indexOf（「icon-chevron-down」）！= -1 ）{它現在可以工作。尚未解決空白問題。 – Elliot 2013-03-08 11:41:43

jquery在下面的頁面添加下面的加載div。

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span> 

<h1>loading</h1> 

</div>

要擺脫它，你有兩個選擇，要麼。 hide();它或.remove();它通過調用div的類ui-loader。嘗試兩種解決方案

隱藏它。

.hide();將display: none;樣式添加到div，但它不會將其刪除。

$(document).on("pageshow", "[data-role='page']", function() { 
$('div.ui-loader').hide(); 
});

將其刪除。

.remove();刪除div及其內容。所以你需要明智地使用它，以防你想在其他頁面顯示加載消息。

$(document).on("pageshow", "[data-role='page']", function() { 
$('div.ui-loader').remove(); 
});

如果你想保持加載消息在一些網頁上，分配與沒有加載消息即.no-loadmsg的頁面class和使用上面，而是的[data-role='page']相同的代碼添加[data-role='page'].no-loadmsg。

$(document).on("pageshow", "[data-role='page'].no-loadmsg", function() { 
$('div.ui-loader').remove(); 
});

這將只.no-loadmsg類所需的網頁中刪除加載股利。

我希望以上解決您的問題。

來源

2013-03-09 16:03:40 Omar

jQuery Mobile的問題 - 第一次使用

回答

相關問題