1

ページが読み込まれる前に非表示にして画像を表示し、ページが読み込まれたら画像を表示することを検討しています。問題は、画像を表示しようとすると、画像がまったく表示されないことです。

ここに私のhtmlコードがあります:

<body>

    <div id ="splash" data-role="page">
        <center>
            <div id='class'> <img src="BookBayText.png"></div>
            <div id='book'> <img src="Book.png"></div>
        </center>
    </div>

</body>

ここに私のjavascript/jqueryモバイルがあります:

<script type="text/javascript">

        $(document).on('pagebeforeshow','#splash',
            function()
            {
                $("#book").hide();
            });

        $(document).on('pageinit','#splash',
            function(){

                setTimeout(
                    function()
                    {
                        $("#class").animate({top: "1em"}, 'slow');
                    },3000);

                //For some reason this line below doesn't run
                $("#book").show();

        });
    </script>

これが機能しない理由はありますか??

4

2 に答える 2