android - jquery mobile mobile ListView无法加载页面

Question

    <div data-role="header"  >
        <h1>Fixed Header!</h1>
    </div>

    <ul data-role="listview" data-autodividers="true" id="listview" name="listview">

        <li>
            <a href="#">Xavier</a>
        </li>
        <li>
            <a href="#">Zachary</a>
        </li>
        <li>
            <a href="#"  >Zoe</a>
        </li>
    </ul><!-- /listview -->

    <div data-role="footer">
        <h4>Footer</h4>
    </div><!-- /footer -->

    <script type="text/javascript">
        $('#listview').on('click', 'a', function() {

            $.mobile.loadPage("us.html");

        });
    </script>
</body>

我使用 jquery mobile 创建了列表视图。它按我的预期工作正常。但是当我单击列表视图中的项目时我需要加载页面。你能帮我解决这个问题吗？