Question

我正在开发一个Cordova / PhoneGap项目，我使用jQuery / jQuery Mobile和一个名为mmenu的优秀插件来自http://mmenu.frebsite.nl。

我正在从远程服务器进行.ajax调用并创建菜单内容并将其附加到jQM标题部分，这很好。

$.ajax({
    type: 'GET',
    url: 'http://localhost/service/action',
    crossDomain: true,
    dataType: 'jsonp',
    contentType: "application/javascript",
    jsonp: 'callback',
    jsonpCallback: 'mycallback',
    async: false,
    error: function() {
        alert("Error");
    },
    success: function(data) {
        var html = "";

        $.each(data, function(index, element) {
           html += '<li><a href="' + element + '.html">' + element + '</a></li>';
        });

        html = '<nav id="menu"><ul>' + html + '<ul></nav>';

        $("body").append(html);
    }
});

显示菜单的HTML页面标题部分：

<div data-role="header">
     <a href="#menu" data-icon="grid" data-iconpos="notext">Menu</a>
     <h1>Demo</h1>
</div>

一切似乎都很好......

我的问题：

但是当我点击菜单时，菜单不会滑动..但它需要整个页面带有白色背景。所有预期的菜单内容都在那里..但不是滑动面板..

请让我知道我做错了什么。

Answer 1

正如@frequent所建议的那样，我已经搬到了JQM Panels，因为过去几天我没能用mmenu来解决这个问题。

jQM滑动面板设计：

http://view.jquerymobile.com/1.3.0/docs/examples/panels/panel-swipe-open.php#demo-page

mmenu整页而不是滑动

1 个答案: