在嵌入页面中动态添加时,表数据未与其宽度对齐

时间:2016-01-24 01:46:43

标签: jquery ajax

我正在开发一个应用程序,在搜索成员详细信息时,我会动态地将其添加到表中。当我单独运行页面时,我能够根据表格宽度大小形成表格。但是,我将此JSP嵌入到另一个中通过ajax load.When我试图搜索嵌入表数据现在不调整其宽度。我附上截图和代码



def open_session(self, app, request):
    s = self.get_signing_serializer(app)
    if s is None:
        return None
    val = request.cookies.get(app.session_cookie_name)
    if not val:
        return self.session_class()
    max_age = total_seconds(app.permanent_session_lifetime)
    try:
        data = s.loads(val, max_age=max_age)
        return self.session_class(data)
    except BadSignature:
        return self.session_class()

$(document).ready(function() {
	$('.bxslider').bxSlider();
	
	$("#addmember").click(function(){
		$('#bottomhalf').load("success.jsp");
	});
	
	$("#searchMember").click(function(){
		$('#bottomhalf').load("searchmember.jsp");
	});
	
	$("#addDonation").click(function(){
		$('#bottomhalf').load("addDonation.jsp");
	});
});






<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Admin Operations</title>
</head>
<body>
<div class="home-slider-wrapper">
<ul class="bxslider">
  <li><img src="${pageContext.request.contextPath}/resources/images/picto.png" /></li>
  <li><img src="${pageContext.request.contextPath}/resources/images/houses.jpg" /></li>
  <li><img src="${pageContext.request.contextPath}/resources/images/hillside.jpg" /></li>
</ul>
</div>
<div class="menu">
<ul class="topnav">
  <li><a id="addmember" class="active">Add Member</a></li>
  <li><a id="searchMember">Search Member</a></li>
  <li><a id="addDonation">Add Donation</a></li>
  <ul class="topnav right">
    <li><a href="#about">About</a></li>
    <li><a href="#login">Login</a></li>
  </ul>
</ul>
</div>
<div class="bottomhalf" id="bottomhalf">
	<h1>Admins Operations</h1>
	<h2>In this page you can enroll a new Thalakatti member</h2>
	<h2>Search a member using their Thalakatti ID</h2>
	<h2>Add donation from members towards development of temple</h2>
</div>

</body>
</html>
&#13;
&#13;
&#13;

Standlone成功运行 enter image description here enter image description here

0 个答案:

没有答案