2
DataTables에 문제가 있습니다. 다른 페이지의 링크에서 표가있는 페이지로 이동하면 표의 HTML "텍스트"버전 만로드되고 CSS의 서식은없고 JavaScript (분류, 검색 등)가 없습니다.). 그러나 페이지를 새로 고침하면 완벽하게로드됩니다. 이 문제에 대한 답변을 검색 한 후에 페이지간에 전환 할 때 "전체"HTML 코드가로드되지 않으므로 내 문제가 JQm과 다를 수 있음을 알았습니다. 내 스타일과 자바 스크립트 태그를 모든 장소로 이동했지만 성공하지 못했습니다. DataTables 웹 사이트에있는 기본 예제를 사용 중이며 코드를 변경하지 않았습니다.페이지 새로 고침시 jQuery 플러그인 (DataTables) 만 제대로로드됩니다.
나는 jQuery와 웹 개발을 처음 접해 왔기 때문에 누군가 내가 이것을 도울 수 있다면 정말 고마워 할 것이다. 또한 내가 바꿔야 할 것이 있다면 분명히 더 나은 기술을 배우고 싶습니다!
P. 나는 단추에 링크함으로써이 페이지에 간단하게 링크하고있다.
<?php
require_once 'classes/Membership.php';
$membership = New Membership();
$membership->confirm_EventAdmin();
session_start();
$con = mysql_connect("mysql server","user","pass");
if(!$con){
die('Could not connect: ' . mysql_error());
}
mysql_select_db("clip_comp_server1", $con);
mysql_query("ALTER TABLE $_SESSION[adminEvent] ORDER BY Score DESC");
$query = "SELECT CandID,Score,Team FROM $_SESSION[adminEvent]";
$infoList = mysql_query($query);
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Event Scores and Rankings</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="/css/themes/CLIPTheme.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/clip_v1/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
<style type="text/css">
h1 {
text-align: center;
}
h4 {
line-height: 1.5;
}
.ui-btn-active { color: white !important; background: none !important; background-color: #006600 !important; }
.ui-btn-inner {border: 0;}
</style>
<style type="text/css">
@import "/clip_v1/DataTables-1.9.4/media/css/demo_table.css";
@import "/clip_v1/DataTables-1.9.4/media/css/demo_page.css";
</style>
</head>
<body>
<div data-role="page" data-theme="a" data-content-theme="a" id="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<div>
<h1>Event Scores and Rankings</h1>
</div>
<!--a href="#" data-role="button" data-rel="back" data-icon="arrow-l" style="height: 80%"><span style="font-size: 1.75em">Back</span></a-->
<div data-role="navbar" data-grid="c" class="ui-navbar ui-mini" role="navigation" style="border: 0;">
<ul class="ui-grid-c">
<li class="ui-block-a"><a href="eventRegister.php" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true" class="ui-btn ui-btn-inline ui-btn-up-c"><span class="ui-btn-inner"><span class="ui-btn-text" style="font-size: 1.5em">Registration</span></span></a></li>
<li class="ui-block-b"><a href="teamAssigner.php" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true" class="ui-btn ui-btn-inline ui-btn-up-c"><span class="ui-btn-inner"><span class="ui-btn-text" style="font-size: 1.5em">Teams</span></span></a></li>
<li class="ui-block-c"><a href="scoreDisplay.php" class="ui-btn ui-btn-inline ui-btn-up-c ui-btn-active" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true"><span class="ui-btn-inner"><span class="ui-btn-text" style="font-size: 1.5em">Stats</span></span></a></li>
<li class="ui-block-d"><a href="challengeContent.php" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true" class="ui-btn ui-btn-up-c ui-btn-inline"><span class="ui-btn-inner"><span class="ui-btn-text" style="font-size: 1.5em">Challenges</span></span></a></li>
</ul>
</div>
</div>
<div data-role="content" style="border: 0">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
<tr>
<th>ID</th>
<th>Score</th>
<th>Rank</th>
<th>Team</th>
</tr>
</thead>
<tbody>
<?php
$rank = 1;
while ($index = mysql_fetch_row($infoList)) {
echo "<tr class=\"odd gradeA\">";
echo "<td class=\"center\">" . $index[0] . "</td>";
echo "<td class=\"center\">" . $index[1] . "</td>";
echo "<td class=\"center\">" . $rank . "</td>";
echo "<td class=\"center\">" . $index[2] . "</td>";
echo "</tr>";
$rank = $rank + 1;
if ($index = mysql_fetch_row($infoList)) {
echo "<tr class=\"even gradeA\">";
echo "<td class=\"center\">" . $index[0] . "</td>";
echo "<td class=\"center\">" . $index[1] . "</td>";
echo "<td class=\"center\">" . $rank . "</td>";
echo "<td class=\"center\">" . $index[2] . "</td>";
echo "</tr>";
$rank = $rank + 1;
}
}
?>
</tbody>
<tfoot>
<tr>
<th>Candidate ID</th>
<th>Score</th>
<th>Rank</th>
<th>Team Assignment</th>
</tr>
</tfoot>
</table>
</div>
</div>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable();
});
</script>
</body>
</html>
감사합니다 :
여기 내 코드입니다!