Jquery 为什么加载页面没有首先被点击？

我不明白为什么我的加载页面不是第一个被点击的页面，有人能向我解释一下它不是吗？（我已经看了好几个小时了，我想是时候让另一双眼睛盯着这份工作了）

出于某种原因，它总是直接进入线程页面，只是错过了加载页面

    <div id="loading_page" data-role="page" data-theme="a" data-url="loading_page" class="landing_background">
        <!-- <div class="landing_overlay"></div> -->
        <div class="landing_main_logo">
            <img src="logo-with-tag-line.png" />
            <div class="loading-cube">
                <div class="load-cube1 load-cube"></div>
                <div class="load-cube2 load-cube"></div>
                <div class="load-cube4 load-cube"></div>
                <div class="load-cube3 load-cube"></div>
            </div>
        </div>
    </div>
    <div id="thread_page" data-role="page" data-url="thread_page" data-theme="a">
        <div data-role="footer">
            <div data-role="navbar" class="nav-glyphish-example ui-navbar" data-grid="d" role="navigation">
                <ul class="ui-grid-d">
                    <li class="ui-block-a">
                        <a href="#" id="chat" data-icon="camera" data-theme="a" class="ui-btn ui-btn-icon-top ui-btn-up-a">
                            <span class="ui-btn-inner">
                                <span class="ui-btn-text">Chat</span>
                            </span>
                        </a>
                    </li>
                    <li class="ui-block-b">
                        <a href="#" id="email" data-icon="camera" data-theme="a" class="ui-btn ui-btn-up-a ui-btn-icon-top">
                            <span class="ui-btn-inner">
                                <span class="ui-btn-text">Email</span>
                            </span>
                        </a>
                    </li>
                    <li class="ui-block-c">
                        <a href="#" id="skull" data-icon="camera" data-theme="a" class="ui-btn ui-btn-up-a ui-btn-icon-top">
                            <span class="ui-btn-inner">
                                <span class="ui-btn-text">Danger</span>
                            </span>
                        </a>
                    </li>
                    <li class="ui-block-d">
                        <a href="#" id="beer" data-icon="camera" data-theme="a" class="ui-btn ui-btn-up-a ui-btn-icon-top">
                            <span class="ui-btn-inner">
                                <span class="ui-btn-text">Beer</span>
                            </span></a>
                    </li>
                    <li class="ui-block-e">
                        <a href="#" id="coffee" data-icon="camera" data-theme="a" class="ui-btn ui-btn-up-a ui-btn-icon-top">
                            <span class="ui-btn-inner">
                                <span class="ui-btn-text">Coffee</span>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <script>

        $("#loading_page").bind("pageinit", function(event){
            alert("WOOPS");
        });

    </script>

$（“加载页面”）.bind（“pageinit”，函数（事件）{
警报（“呜呜声”）；
});

您确定它不起作用吗？我看到了

控制台.log

请注意，

pageinit

是

此事件在1.4.0中已被弃用，取而代之的是pagecreate。简单地 在上面的示例中替换pageinit

$（“加载页面”）.bind（“pageinit”，函数（事件）{
控制台日志（“WOOPS”）；
});