Javascript jQuery sortable不在div上工作
尝试在来自数据库的一系列div上使用jQuery的sortable.js,但在尝试拖放时什么都没有发生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
<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版本。有什么帮助吗?