Jquery mobile 使用面板时出现jQuery Mobile 1.3.2错误

我试图用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>

---

我缺少什么？

我发现jQuery mobile

面板

与jQuery 2.0不兼容

您得到了错误信息：

TypeError:“未定义”不是对象（正在计算） 'a.data（d[0]，“mobilePage”）.选项'）

尝试降级到jQuery1.9，它可以使用

---

演示：

如果您在jquery移动javascript文件中快速搜索术语“mobilePage”并将其更改为“mobilePage”，它将起作用。应该只有一场比赛。我遇到了这个问题，并使其正常工作

---

修复的来源是：

我在脚本标题中包含行之后添加了此代码：

<script type="text/javascript" src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script type="text/javascript">
  var jqDataOrg = $.data;
  $.data = function (a, b, c) { return jqDataOrg(a, b === "mobilePage" ? "mobile-page" : b, c); };
</script>

var jqDataOrg=$.data；
$.data=函数（a，b，c）{返回jqdata组织（a，b===“mobilePage”？“mobilePage”：b，c）；}；

---

它允许我继续使用jquery2和cdn进行分发。可能有一些我不知道的副作用，所以要小心。

是的，重要的是主要版本1。问题在于2.jqm1.3.2不支持jquery2.x.xNice修复程序。我正在使用jqm1.3.2和jq2.0.3，这对我很有用。

<script type="text/javascript" src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script type="text/javascript">
  var jqDataOrg = $.data;
  $.data = function (a, b, c) { return jqDataOrg(a, b === "mobilePage" ? "mobile-page" : b, c); };
</script>