Question

我不确定我是否可以这样做。我在menu.jsp文件中有一个菜单。直到现在，我在我的original.jsp中添加了菜单。现在，我想提供一个按钮而不是我的menu.jsp，当用户点击按钮时，我想加载menu.jsp。我怎样才能做到这一点？我想让我的页面看起来像Microsoft Outlook 导航窗格。我现在有这个...按钮在original.jsp中。其他div在menu.jsp

中

    $(document).ready(function() {
    $('#showmenu').click(function() {
    var hidden = $('.sidebarmenu').data('hidden');
    $('#showmenu').text(hidden ? 'Hide Menu' : 'Show Menu');
    if(hidden){
        $('.sidebarmenu,.image').animate({
        left: '0px'
    },500)
    } else {
    $('.sidebarmenu,.image').animate({
        left: '-210px'
    },500)
    }
    $('.sidebarmenu,.image').data("hidden", !hidden);
});
});
<div id="content">
<div id="pageNav"  style="z-index:9999; position:relative;height:180px;">
   <button id="showmenu" type="button">Hide menu</button>
    <div class="sidebarmenu" style="position: absolute;">
        Menu List
        <img class="image" src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg">
    </div>
</div>

加载外部JSP页面onclick

0 个答案: