1

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

4

1 回答 1

1

要禁用 jQuery Mobile 加载消息，您需要在mobileinit触发后覆盖全局设置。代码应该在head加载 jQuery 之后和加载 jQuery Mobile 库之前放置。

<head>
  <script src="jquery.js"></script>
  <script>
    $(document).on("mobileinit", function () {
      $.mobile.loadingMessage = false;
    });
  </script>
  <script src="jquery-mobile.js"></script>
</head>
于 2013-10-29T10:20:00.340 回答