0

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

我正在从远程服务器进行 .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>

一切看起来都很好。。

我的问题：

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

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

4

1 回答 1

0

正如@frequent 所建议的，我已经转移到 JQM 面板，因为过去几天我无法用 mmenu 解决这个问题。

jQM 滑动面板设计：

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

于 2013-11-11T08:38:38.843 回答