0

私は、jQuery/jQuery Mobile とhttp://mmenu.frebsite.nlの mmenu という優れたプラグインを使用する Cordova/PhoneGap プロジェクトに取り組んでいます。

リモート サーバーから .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 が提案したように、過去数日間 mmenu でこの問題を解決できないため、JQM パネルに移動しました。

jQM スワイプ パネルのデザイン:

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

于 2013-11-11T08:38:38.843 に答える