无法在append div上使用.draggable()函数

时间:2018-01-11 09:02:33

标签: jquery html jquery-ui jquery-ui-draggable

我正在尝试创建一个客人座位分配。因此,用户必须拖动用户的名称并将其放在他们希望他们所在的表中。在上一节中,用户添加了访客列表并将其分为4类。我正在根据选定的类别从数据库中检索值。这是通过ajax并在div中附加值来实现的。

这是检索用户选择类别的jquery / ajax部分,并在类别中附加名称列表。例如,当他们选择家庭时,将追加家庭下的所有访客姓名。

$(data).appendTo('#name-box').hide().fadeIn();

这是回发div的PHP部分:

<?php  
 $connect = mysqli_connect("localhost", "root", "", "registration");  
 $val = $_POST["val"];  
 $sql = "SELECT fname FROM guestlist WHERE grouping='".$val."' ";  
 $result=mysqli_query($connect, $sql) or die(error());  
 while($row=mysqli_fetch_assoc($result)){

 echo"<div id=\"name-box-individual\" >&nbsp&nbsp;&nbsp".$row['fname']."
      </div>";  }
?>

现在我正试图拖动这个div#name-box-individual。但我不能拖动上面的div框。但是,如果div来自html,我可以拖动。

function(){
    $("#name-box-individual").draggable();
} 

我认为问题在于jquery无法捕获附加的div。有解决方案吗?提前谢谢!

0 个答案:

没有答案