jQuery Mobile 1.3.2 使用面板时出错

Question

我正在尝试使用 jQuery Mobile 1.3.2 实现面板功能。这是我的代码：

    <div data-role="page" id="homePage">
    <section data-role="panel" class="row">
        PANEL HERE..
    </section>

    <section data-role="header" class="row">
        <div class="large-12 columns">
            <h3>
                Header..
            </h3>               
        </div>          
    </section>

    <section data-role="content" class="row">
        <div class="large-12 columns">
            CONTENT..               
        </div>          
    </section>

    <section data-role="footer" class="row">
        <div class="large-12 columns">
            FOOTER..                
        </div>          
    </section>

    <script type="text/javascript">
        $(function ()
        {

        }());
    </script>
</div>

当我运行这是浏览器时，出现错误：

$.data(...) 未定义

我已经将它追溯到 jquery.mobile-1.3.2.js 的第 10330 行：

var $theme = $.data( page[0], "mobilePage" ).options.theme,

我错过了什么？

Answer 1

我发现 jQuery mobilepanel与 jQuery 2.0 不兼容。

你得到了错误：

类型错误：'undefined' 不是一个对象（评估 'a.data(d[0],"mobilePage").options'）

尝试降级到 jQuery 1.9，它可以使用它。

演示：http : //jsfiddle.net/IrvinDominin/3wUts/