Question

当我尝试在我的网站中使用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发生了很多冲突，我不知道如何解决。

Answer 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>

删除“正在加载邮件”

1 个答案: