私は、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>
すべてがうまく見える..
私の質問:
しかし、メニューをクリックすると、メニューがスライドしません..しかし、ページ全体が白い背景になります。期待されるすべてのメニュー コンテンツがそこにあります..しかし、スライド パネルとしてではありません..
私が間違っていることを教えてください。