mmenu不使用jquery数据库内容

时间:2014-10-20 05:24:42

标签: javascript jquery html database mmenu

我在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>

我在没有动态内容的情况下尝试了它,效果很好。 非常感谢。

0 个答案:

没有答案