anselmoe
Ansel-枫儿-Moe
采纳率100%
2015-01-27 06:06

点击详细信息,弹出一个层显示所有的信息,信息是从后台获取的

已采纳

页面是html,数据是用ajax调用Servlet获取的。

信息是分两部分,第一部分是会员信息,第二部分是会员报名的信息,在一个层上显示。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • showbo GoCityPass新加坡曼谷通票 6年前

    jquery load下内容到你的曾就好。。

    DEMO,你的jsp只返回需要的html代码,不要连html,body标签那种一起返回了,要不可能页面会错乱

     <table id="tbUser">
    <tr><td><a href="read.jsp?id=你的数据id" ajax="1">报名信息</a></td></tr>
    .....其他的数据行
    </table>
    <style>
    #layer{position:absolute;border:solid 1px #000;width:300px;height:200px;display:none;top:50%;left:50%;margin-left:-150px;margin-top:-100px}
    </style>
    <div id="layer"></div>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        $(function () {
            $('#tbUser a[ajax]').click(function () {
                $('#layer').load(this.href, function () { $('#layer').show(); });
                return false;
            })
        });
        $(document).click(function (e) {
            if (e.target.id != 'layer' && !$.contains($('#layer')[0], e.target)) $('#layer').hide();
        });
    </script>
    
    点赞 评论 复制链接分享
  • anselmoe Ansel-枫儿-Moe 6年前

    我其实都不太懂这些。谢谢你的回答啊~~~

    点赞 评论 复制链接分享

相关推荐