Javascript jQuery sortable不在div上工作

Javascript jQuery sortable不在div上工作,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,尝试在来自数据库的一系列div上使用jQuery的sortable.js,但在尝试拖放时什么都没有发生 <script> $(function() { $( ".menu" ).sortable({ items:'.menuSort' }); }); </script> JS代码: <script> $(function() { $( ".menu" ).sortable({ item

尝试在来自数据库的一系列div上使用jQuery的sortable.js,但在尝试拖放时什么都没有发生

<script>
    $(function() {
    $( ".menu" ).sortable({
    items:'.menuSort'
        });
    });
</script>
JS代码:

<script>
    $(function() {
    $( ".menu" ).sortable({
    items:'.menuSort'
        });
    });
</script>

$(函数(){
$(“.menu”).sortable({
项目:'.menuSort'
});
});
机构代码:

<script>
    $(function() {
    $( ".menu" ).sortable({
    items:'.menuSort'
        });
    });
</script>
 <div class="menu">
    <?php
    foreach($data as $head){
    ?>
    <div id="header_<?php echo $head->id ?>" class="menuSort">
        <h2 class="menuHeadTitle">
            <?php 
            echo $head->name;
            ?>
        </h2>
        <p class = "menuHeadDescription">
            <?php 
            echo $head->description;
        ?>
        </p>
        <br/>
        <div class="menuHeadItems">
            <?php
            foreach($head->items as $item){
            ?>
                <div class="menuItem";
                    <p class="itemName">
                        <?php 
                        echo $item->name;
                        ?>
                    </p>
                    <p class="itemPrice">
                        <?php 
                        echo $item->price;
                        ?>
                    </p>
                    <p class="itemDescription">
                        <?php 
                        echo $item->description;
                        ?>
                    </p>
                    <br/>
                </div>
            <?php 
            }
            ?>
        </div>
    </div>
    <?php 
    }
    ?>  
</div>


以你的小提琴为基础,这里有一个。您基本上需要选择jquery版本,jquery ui。请注意,
不是强制性的

<script>
    $(function() {
    $( ".menu" ).sortable({
    items:'.menuSort'
        });
    });
</script>
$(function () {
    $(".menu").sortable({
        items: '> .menuSort'
    });
});

你能用生成的html创建一个fiddle吗?我还没有用fiddle-我现在会尝试设置它。它可以和php一起工作,还是应该提供示例数据?编辑:等一下-刚刚得到关于“生成”数据的信息。哦。现在,只需从浏览器的开发者工具栏/控制台获取生成的html。这样你就有一天可以玩了。小提琴是一个非常简单和有用的工具来尝试的东西。哈哈,太棒了!小提琴在这里:这是蓝色的部分,我想能够重新安排。检查这个:完美!现在让它工作得很好(还可以对子项进行排序并在每个标题之间移动:D)。谢谢你的帮助!这对我不起作用。我相信我的问题可能是在哪里放置jquery代码以及使用哪个jquery版本。有什么帮助吗?