javascript - 如何使用具有相同类名的多个 div 进行排序

Question

如何使此可排序功能适用于具有相同类名 #sortable 的多个 div。

这是一个例子

update

      <div class="multi-fields" id="sortable">
          //something
      </div>

      <div class="multi-fields" id="sortable">
          //another something
      </div>

可排序

<script type="text/javascript">
var ajaxurl = "<?php echo admin_url( 'admin-ajax.php' ); ?>";
jQuery(document).ready(function($) { 
    $("#sortable").sortable({
        cursor:'move',
        opacity: 0.5,
        cursor: 'pointer',
        axis: 'y',
        update:function(event, ui){
    var order = $('#sortable').sortable('serialize');
    $.ajax({
        type: "POST",
        url: "<?php echo admin_url( 'admin-ajax.php' ); ?>",
        data: "action=update_field_order&" + order
        });
    }});
    $("#sortable").disableSelection();
});
</script>

Answer 1

1. $("#sortable") 将选择 id 等于“sortable”的所有标签，而不是类。
2. 检查您的控制台。您是否收到有关 .sortable 的任何错误？
3. 类名“#sortable”无效。将其更改为“sortable”并将选择器更改为 $(".sortable") 。现在可以用了吗？

编辑确切地说，(3) 在 HTML5 中是有效的。更好的做法是以字母开头您的类(class)/ID 名称。如果您必须使用“#”，则必须在 jQ 选择器中将其转义。这是不必要的困惑。