javascript - 拖动 DIV 时如何将 id 的值传递给函数？

Question

这是我的 Javascript

$(document).ready(function(){
   $( ".ex" ).draggable({containment:'parent',cursor:'pointer',opacity:0.6,




 stop : function () {
           var x = $(this).position().left;
           var y = $(this).position().top;

             $.ajax({
    url: "savedrag.php", /* You need to enter the URL of your server side script*/
    type: "POST",
      /* add the other variables here or serialize the entire form. 
      Image data must be URI encoded */
    data:{
            x: x,
            y: y
            },  
    success: function(msg)
    {
       alert("position save");
    }

        })
       } 
});

});

这是我的 PHP

   <?php

$qry = "SELECT * from contact Where CustomerID='$pid'";
$result = mysql_query($qry);

while ($row = mysql_fetch_array($result)) 
{

 echo '<div class="ex">';
 $row["ContactID"];
 echo '</div>';

}


?>

如何将变量 $row["ContactID"] 传递给每个函数，以便每个可拖动的 div 在数据库中都有自己的单独位置？

以前我使用 onclick(this) 通过按钮传递值；但我不能对可拖动做同样的事情。

Answer 1

使用给定的标记，您可以

$(document).ready(function() {
    $(".ex").draggable({
        containment : 'parent',
        cursor : 'pointer',
        opacity : 0.6,

        stop : function() {
            var x = $(this).position().left;
            var y = $(this).position().top;

            $.ajax({
                url : "savedrag.php", 
                type : "POST",
                data : {
                    x : x,
                    y : y,
                    ContactID: $.trim($(this).html())
                },
                success : function(msg) {
                    alert("position save");
                }

            })
        }
    });

});

Answer 2

你的意思是这样的：
Javascript添加：

var id = $(this).attr("id");

//...

data:{
    x: x,
    y: y,
    id: id
} 

php：

 echo '<div class="ex" id="$row["ContactID"];">'; 
 echo '</div>';