2013-08-21 31 views
2

當我爲jQuery移動功能包含JS文件時,它會在頁面底部添加一個加載文本通知。jQuery Mobile添加了我無法刪除的加載文本

我聽說你通過包括jQuery Mobile的的CSS刪除這一點,但是這反而開始改變所有CSS的一切。

是否有一個簡單的解決方案,而不看似主題我的網頁到jQuery手機主題?

+0

找到元素並使用css隱藏它? – Johan

+0

打開'jQuery Mobile' CSS文件並查找相關位。將它添加到您自己的CSS無風格表單中。 – melancia

+0

將其完全移除使用'$('。ui-loader')。remove()'。 – Omar

回答

6

有很多種方法來實現這一目標:

完全關閉負載微調,通過加載的jQuery後加載jQuery Mobile的庫之前改變jQuery Mobile的全局設置。

Demo

<head> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script>   
    $(document).on("mobileinit", function(){ 
     $.mobile.loadingMessage = false; 
    }); 
    </script> 
    <script src="js/jquery.mobile-1.3.2.min.js"></script> 
</head> 

另一種方法是,以隱藏或刪除包含噴絲$('.ui-loader').hide().remove()在div。

1

jquery腳本示例沒有爲我工作,並調用隱藏我覺得是不必要的。另外,CSS速度更快,你看不到加載的小故障,然後它消失得非常快。在緩慢加載頁面上看起來很sl sl。只需簡單地使用CSS:

.ui-loader{ 
    display: none; 
}