Javascript 页面转换不工作（jQuery mobile）

我正在努力学习jQuery手机。我尝试使用用于页面转换的数据转换，但它仅显示用于其他转换的默认淡入淡出转换，即使我使用其他转换，如弹出、翻转等

我可以查看屏幕上显示的所有过渡

以下是我的html正文：

<div data-role="page" id="page1" data-title="Page 1">
    <div data-role="header">
        <h1>Heading 1</h1>
    </div>

    <div data-role="content">
        <p>Hi! I'm the content in the page</p>
        <!-- Have used `data-transistion` below -->
        <a href="#page2" data-transistion="flip">Page 2</a>
        <br/>
        <a href="#popup" data-rel="dialog">Pop Up</a>
    </div>

    <div data-role="footer">
        <h1>Footer 1</h1>
    </div>
</div>

<div data-role="page" id="page2" data-theme="b" data-title="Page 2">
    <div data-role="header">
        <h1>Heading 2</h1>
    </div>

    <div data-role="content">
        <p>Hi! I'm the content in the page 2</p>
        <a href="#page1">Page 1</a>
        <a data-role="button" data-rel="back">Back</a>
    </div>

    <div data-role="footer">
        <h1>Footer 2</h1>
    </div>
</div>

<div id="popup" data-theme="b" data-title="Pop Up">
    <div data-role="header">
        <h1>Pop Up</h1>
    </div>

    <div data-role="content">
        <p>Hi! I'm the content in the Pop Up</p>
        <a href="#page1">Page 1</a>
    </div>

    <div data-role="footer">
        <h1>Pop Up</h1>
    </div>
</div>

---

我做错了什么？

您使用的是哪个版本，jQuery和jQuery Mobile？您必须使用支持3D转换的浏览器。