Php 如何拖放此表中的每一行？
我尝试使用以下代码使每个td或每行都可以移动，例如拖放。似乎它不接受jQuery有什么建议吗 我试着在一个页面中完成所有的代码，但仍然不起作用Php 如何拖放此表中的每一行？,php,html,html-table,echo,Php,Html,Html Table,Echo,我尝试使用以下代码使每个td或每行都可以移动，例如拖放。似乎它不接受jQuery有什么建议吗 我试着在一个页面中完成所有的代码，但仍然不起作用 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title> Jomana Sherif Presentation </title> <link rel="sty
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Jomana Sherif Presentation
</title>
<link rel="stylesheet" type="text/css" href="first.css">
<!--
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
-->
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script src="first.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> </link>
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<style>
#sortedtable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortedtable td { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortedtable ld{ position: absolute; margin-left: -1.3em; }
</style>
<script>
$(function() {
$( "#sortedtable" ).sortable();
$( "#sortedtable" ).disableSelection();
});
</script>
</head>
<body bgcolor="#E6E6FA">
<?php
if(!$link = mysql_connect("localhost", "root", "")) {
echo "Cannot connect to db server";
}
elseif(!mysql_select_db("Disney")) {
echo "Cannot select database";
}
else {
if(!$rs = mysql_query("SELECT * FROM DisneyCharacters")) {
echo "Cannot parse query";
}
elseif(mysql_num_rows($rs) == 0) {
echo "No records found";
}
else {
echo "<table id=\"sortedtable\" class=\"bordered\" cellspacing=\"0\">\n";
echo "<thead>\n<tr>";
echo "<th>Name </th>";
echo "<th>Movie </th>";
echo "<th>Year </th>";
echo "</tr>\n</thead>\n";
while($row = mysql_fetch_array($rs)) {
echo "<tr>";
echo "<td>" . $row['Name'] . "</td>";
echo "<td>" . $row['Movie'] . "</td>";
echo "<td>" . $row['Year'] . "</td>";
echo "</tr>";
}
echo "</table><br />\n";
}
}
?>
</body>
</html>
乔玛娜·谢里夫演讲
#sortedtable{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可分拣td{边距：0 3px 3px 3px；填充：0.4em；左侧填充：1.5em；字体大小：1.4em；高度：18px；}
#可分拣ld{位置：绝对；左边距：-1.3em；}
$（函数（）{
$（“#可排序”）.sortable（）；
$（“#sortedtable”）.disableSelection（）；
});
$（文档）.ready<script>
$(document).ready(function () {
$(function() {
$( "#sortedtable" ).sortable();
$( "#sortedtable" ).disableSelection();
});
});
</script>
$（文档）.ready（函数（）{
$（函数（）{
$（“#可排序”）.sortable（）；
$（“#sortedtable”）.disableSelection（）；
});
});
$(document).ready(function(){
$( "#sortedtable" ).tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
$( "tbody" ).sortable();
$( "tbody" ).disableSelection();
});
头部<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<script type='text/javascript' src="http://tablesorter.com/__jquery.tablesorter.min.js"></script>