Php 如何使用jQuery拖放排名修复Ajax冲突？

我有两套代码和Jqueury，但它们不能作为一套工作

如何将它们合并为一个代码

问题是：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript">

Loadmore按钮需要这一行，并终止拖放元素的UI功能

拖放：

<title>jQuery Dynamic Drag'n Drop</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.1.custom.min.js">

</script><script type="text/javascript">
  $(document).ready(function(){ 

$(function() {
    $("#contentLeft ul").sortable({ opacity: 0.6, cursor: 'move', update: function() {
        var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
        $.post("updateDB.php", order, function(theResponse){
            $("#contentRight").html(theResponse);
        });                                                              
    }                                 
    });
});

}); 
</script>

jQuery动态拖放
$（文档）.ready（函数（）{
$（函数（）{
$（“#contentLeft ul”）.sortable（{opacity:0.6，光标：'move'，update:function（）{
var order=$（this）.sortable（“序列化”）+'&action=updateRecordsListings'；
$.post（“updateDB.php”），顺序，函数（响应）{
$（“#contentRight”）.html（响应）；
});                                                              
}                                 
});
});
}); 

DND updateDB.php

<?php 
require("db.php");

    $action                 = mysql_real_escape_string($_POST['action']); 
    $updateRecordsArray     = $_POST['recordsArray'];

if ($action == "updateRecordsListings"){

$listingCounter = 1;
foreach ($updateRecordsArray as $recordIDValue) {

    $query = "UPDATE records SET recordListingID = " . $listingCounter . " WHERE recordID = " . $recordIDValue;
    mysql_query($query) or die('Error, insert query failed');
    $listingCounter = $listingCounter + 1;  
}

echo '<pre>';
print_r($updateRecordsArray);
echo '</pre>';
echo 'If you refresh the page, you will see that records will stay just as you modified.';
}?>

DND主PHP：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript"></script>

<script>
$(function() {
var page = 1;
$("#LoadMore").click(function(){
    $.ajax({
        type:"GET",
        url:"page4.php",
        data:{page:page},
        success: function(response) {
            $("#data_grid").append(response); 
            page++;
        }
    });
}); 
});</script>

---

加载更多：

<?php
//set argument as your mysql server
$connect = mysql_connect("mysql_server","mysql_user","mysql_password");
mysql_select_db("database_name",$connect);

$page = isset($_GET["page"]) ? $_GET["page"] : 1;
$limit = 25;
$offset = ($page - 1) * $limit;

$sql = "SELECT * FROM table2 limit $offset, $limit";
$result = mysql_query($sql);
$numRows = mysql_num_rows($result);
if($numRows>0) {
    while($row = mysql_fetch_array($result)) {
        //get field data and set to the following row
        echo "<tr><td>field 1</td><td>field 2</td><td>field 3</td></tr>";
                //edit row as you table data

    }
} else {
    echo "<tr><td colspan='3'> No more data </td></tr>";
}
exit;
?>

$（函数（）{
var-page=1；
$（“#加载更多”）。单击（函数（）{
$.ajax({
键入：“获取”，
url:“page4.php”，
数据：{page:page}，
成功：功能（响应）{
$（“#数据网格”）。追加（响应）；
page++；
}
});
}); 
});

Loadmore page4.php

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
    type="text/javascript">

看看这里

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

及

相同（jQuery文件）

所以只使用一个

一个太旧，另一个不支持旧库。要么将其中一个更新为最新版本，要么将另一个降级为可能不存在的非常旧的版本。或者你可以懒惰，两次包含jQuery并使用$.noConflict。没有理由不能将第一个代码段升级到jQuery UI的较新版本。另外，永远不要包含/1/，始终指定一个特定的版本，无论是出于缓存原因还是出于代码可靠性。检查并让我知道删除原始Jquery文件不会修复拖放的UI。删除

Jquery.min.js

并保留

Jquery-1.3.2.min.js

是关键。

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
    type="text/javascript">