当我尝试在我的网站中使用jqm时遇到问题。我的网站底部会显示“正在加载”的消息。我发现它发生了,因为我没有添加jqm css。当我添加jqm css时,一切都会改变(颜色布局等)。如何删除“加载”消息或添加css而不与我网站的主要css冲突?
<head>
<link href="css/site.css" rel="stylesheet" />
<!--<link href="css/jquery.mobile-1.3.2.min.css" rel="stylesheet" /> -->
<!-- disable loading msg -->
<script>
$(document).bind("mobileinit", function(){
$.mobile.loadingMessage = false;
});
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> </script>
<script src="scripts/jquery.mobile-1.3.2.min.js"></script>
</head>
我在代码中添加脚本。似乎什么都没发生!我的问题只有在我取消注释jqm css代码时才解决,但后来我与site.css发生了很多冲突,我不知道如何解决。
答案 0 :(得分:1)
要禁用jQuery Mobile加载消息,您需要在mobileinit
触发后覆盖全局设置。在加载jQuery之后和加载jQuery Mobile库之前,代码应放在head
中。
<head>
<script src="jquery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.loadingMessage = false;
});
</script>
<script src="jquery-mobile.js"></script>
</head>