我在http://mmenu.frebsite.nl尝试过示例,但没有工作。我称之为菜单内容表单数据库。 的Javascript
function getmobilemenu()
{
$.ajax({
type: "POST",
url: "main_menu.php",
dataType: "json",
success: function(data) {
var mobile_menu = "";
mobile_menu += '<ul>'+
'<li><a href="#">Home</a></li>'+
'<li><a href="#">About us</a>'+
'<ul>'+
'<li><a href="#">History</a></li>'+
'<li><a href="#">The team</a>'+
'<ul>'+
'<li><a href="#">Management</a></li>'+
'<li><a href="#">Sales</a></li>'+
'<li><a href="#">Development</a></li>'+
'</ul>'+
'</li>'+
'<li><a href="#">Our address</a></li>'+
'</ul>'+
'</li>'+
'<li><a href="#">Contact</a></li>'+
'</ul>';
$(".mobile_menu").html(mobile_menu);
}
});
}
getmobilemenu();
$('nav#mmenu').mmenu();
});
HTML
<a href="#mmenu" id="mmenu_btn"><i class="fa fa-bars"></i> Menu</a>
<nav id="mmenu" class="mobile_menu" ></nav>
我在没有动态内容的情况下尝试了它,效果很好。 非常感谢。