个人中心
gpt4 book ai didi

jquery-mobile - 带有 javascript 的 jquery 移动闪屏

转载 作者：行者123 更新时间：2023-12-04 10:41:46 26 4
gpt4 key购买 nike

我试图避免在启动画面中使用它，因为它不适用于所有设备以及其他原因:

<link rel="apple-touch-startup-image" href="img/splash.png" />

所以我正在尝试使用它，并且它可以正常工作，直到它滑入一个新页面，然后再次将其视为启动画面(例如 计时器到期时它变为空白 - 在这种情况下为 4 秒 )。如何停止/限制此行为，以便 changePage 仅包含在启动页面中？ 
<body>
 <div data-role="page" id="splash"> 
  <div class="splash">
    <img src="startup.jpg" alt="startup image" />

<script type='text/javascript'>//<![CDATA[ 
            $(window).load(function(){
            $(function() {
                setTimeout(hideSplash, 4000);
                        });

            function hideSplash() {
            $.mobile.changePage("#home", "fade");
            }


            });//]]>  
        </script>

  </div>
 </div>

 <div data-role="page" id="home"> 
   <div data-role="header" data-backbtn="false">
    <h1></h1>
   </div>
   <div data-role="content">

   </div>
 </div>
</body>

最佳答案

这里的好主意就是我的想法。使用单页而不是多页(多个数据角色=页面)。对于 index.html 或 index.php 或其他。放置您的启动页面。其原因我将在后面解释。

index.html


<head>
    <!-- First include all jquery stuff -->
    <script src="app.js"></script><!-- external script because we can just include it in every page -->
</head>
<body>
    <div data-role="page" id="splash"> 
        <div class="splash">
            <img src="startup.jpg" alt="startup image" />
        </div>
    </div>
</body>

app.js


$(document).on('pageinit','#splash',function(){ // the .on() method does require jQuery 1.7 + but this will allow you to have the contained code only run when the #splash page is initialized.
    setTimeout(function(){
        $.mobile.changePage("home.html", "fade");
    }, 4000);
});

好的，所以我这样做是因为假设您有导航菜单，并且您想将人们发送回主页。您不必再次显示启动页面。您可以链接到 home.html。拆分页面有助于保持 dom 更精简。我希望这有帮助。

关于jquery-mobile - 带有 javascript 的 jquery 移动闪屏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10763583/

26 4 0
文章推荐： c - system() 输出到 char*
文章推荐： vba - 从 Powerpoint 在 VBA 中打开 Excel 文件
文章推荐： c - 获取段错误
文章推荐： r - 用 R data.table 填充缺失的行
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com