jQuery插件（DataTables）仅在页面刷新时正确加载

我遇到了DataTables的问题。 当我从另一个页面上的链接转到带有表格的页面时，它只会加载表格的HTML“文本”版本，而不包含CSS中的格式和JavaScript（排序，搜索等）。 ）。 但是，当我刷新页面时，它将完美加载。 在搜索到这个问题的答案后，我发现我的问题可能出在JQm上，因为在页面之间切换时它不会加载“整个”HTML代码。 我已经将我的样式和JavaScript标记移动到了所有地方但没有成功。 我正在使用DataTables网站上的默认示例，并且没有更改任何代码。

我是jQuery和web开发的新手，所以如果有人可以帮助我，我会非常感激。 此外，如果还有其他任何我应该改变的地方，我绝对想要了解更好的技术！

PS我只是通过链接到一个按钮链接到这个页面。

这是我的代码： 

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); ?>    Event Scores and Rankings       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;}   @import "/clip_v1/DataTables-1.9.4/media/css/demo_table.css"; @import "/clip_v1/DataTables-1.9.4/media/css/demo_page.css";    
 
 
 
Event Scores and Rankings
 
   
 
  <?php $rank = 1; while ($index = mysql_fetch_row($infoList)) { echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; $rank = $rank + 1; if ($index = mysql_fetch_row($infoList)) { echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; $rank = $rank + 1; } } ?> 
  
 ID Score Rank Team 
  
" . $index[0] . "" . $index[1] . "" . $rank . "" . $index[2] . "
" . $index[0] . "" . $index[1] . "" . $rank . "" . $index[2] . "
  
 Candidate ID Score Rank Team Assignment 
  
 
 
  $(document).ready( function () { $('#example').dataTable(); } );

谢谢！

尝试在本地托管每个资源（jQmobile css，jQuery，jQmobile）。

旁注：我可以看到你正在使用PHP。 帮个忙，使用PDO或mysqli_ *代替mysql_ *。 更多信息： MySQLi优于MySQL的优点

Interesting Posts