سلام و خسته نباشید
به این صفحه ی سری بزنید.
https://jqueryui.com/draggable/#sortable
تو اینجا میبینید که li ها در داخل ul به راحتی قابل جابجایی میباشد.
حالا من میخوام کاری کنم که در داخل جدول tr ها جابجا بشن.
ی کدی واسش نوشتم ولی هر کاری میکنم کاربرد بالا رو نداره.
میشه ی کوچولو بررسی کنید.
خیلی ممنون
به این صفحه ی سری بزنید.
https://jqueryui.com/draggable/#sortable
تو اینجا میبینید که li ها در داخل ul به راحتی قابل جابجایی میباشد.
حالا من میخوام کاری کنم که در داخل جدول tr ها جابجا بشن.
ی کدی واسش نوشتم ولی هر کاری میکنم کاربرد بالا رو نداره.
میشه ی کوچولو بررسی کنید.
خیلی ممنون
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> css </title>
<style type="text/css">
#tab{
background:#F90;
width:300px;
text-align:center;
margin:auto;
}
#tab tr{
background:#FC9;
}
</style>
<script type="text/javascript" src="jquery-2.0.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(function() {
$( "#tab tr" ).sortable({
revert: true
});
});
});
</script>
</head>
<body>
<table id="tab">
<tr><td>one</td></tr>
<tr><td>two</td></tr>
<tr><td>three</td></tr>
<tr><td>fore</td></tr>
<tr><td>five</td></tr>
</table>
</body>
</html>
