jquery - jQuery初始化可拖动的php通过循环生成的li不起作用

Question

我使用 jQuery UI 的可拖动（http://jqueryui.com/demos/draggable/）和可排序（http://jqueryui.com/demos/sortable/）来创建拖放排序页面。

我使用 php 访问存储在数据库中的数据并将其作为 ul 打印出来，给每个 li 一个 id（id 从 #draggable1 开始并通过（#draggable2、#draggable3 等）进行，因此每个 li 都有一个唯一的 id。

echo("<li id='draggable$count' class='ui-state-default'>");

我无法将这些 li 变成可拖动的对象，下面是我的 jquery 代码

$(function() {
    $( "#sortable" ).sortable({
        revert: true
    });
    var count = document.getElementById(‘count’).value;
    for(var i = 1; i <= count; i++){
        $("#draggable"+i).draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
    }
    $( "ul, li" ).disableSelection();
});

我有一个隐藏字段，其中包含显示的 li 总数（当前为 11），其中 var count 可以在它下面的循环中使用……但是循环似乎没有运行，有什么想法吗？

谢谢，

Answer 1

指定 li 的位置并检查它。