Javascript 如何限制阻力&;滴
我的代码如下:Javascript 如何限制阻力&;滴,javascript,jquery,jquery-ui-sortable,Javascript,Jquery,Jquery Ui Sortable,我的代码如下: $("ol.test2").sortable({ group: 'nested', drop: false, drag: false, }); $("ol.test2>li>ol").sortable({ group: 'nested', drop: true, }); HTML: <form action="example3_action.php"
$("ol.test2").sortable({
group: 'nested',
drop: false,
drag: false,
});
$("ol.test2>li>ol").sortable({
group: 'nested',
drop: true,
});
HTML:
<form action="example3_action.php" name="example3" method="POST">
<input type="hidden" id='serialize_output' name="serialize_output">
<div class='span4'>
box 1 (Customer)
<ol class='nested_with_switch test1 vertical'>
<li data-id="1" data-name='Valentino Rossi'>Valentino Rossi</li>
<li data-id="2" data-name='David Beckham'>David Beckham</li>
<li data-id="3" data-name='Eden Hazard'>Eden Hazard</li>
<li data-id="4" data-name='Lionel Messi'>Lionel Messi</li>
<li data-id="5" data-name='Christiano Ronaldo'>Christiano Ronaldo</li>
<li data-id="6" data-name='Frank Lampard'>Frank Lampard</li>
</ol>
</div>
<div class='span4'>
box 2 (Room Type)
<ol class='nested_with_switch test2 vertical'>
<li data-id="1" data-name='Single Room' class='highlight'>Single Room<ol></ol></li>
<li data-id="2" data-name='Double Room' class='highlight'>Double Room<ol></ol></li>
<li data-id="3" data-name='Family Room' class='highlight'>Family Room<ol></ol></li>
</ol>
</div>
<!--<button type="submit" name="submit">Save</button>-->
</form>
演示:
我希望像这样限制拖放:
$("ol.test2").sortable({
group: 'nested',
drop: false,
drag: false,
});
$("ol.test2>li>ol").sortable({
group: 'nested',
drop: true,
});
我试着这样:
$("ol.test2").sortable({
group: 'nested',
drop: false,
drag: false,
});
$("ol.test2>li>ol").sortable({
group: 'nested',
drop: true,
});
但它不起作用
有什么解决我问题的建议吗
谢谢你这就是你要找的吗?
我刚刚将
nested\u with_开关
类移动到嵌套的
我还想从房间类型(框2)中获取数据json。我在控制台上检查,它只是从客户那里获取数据json(框1)。预期的结果是什么?我在控制台中看到有四个数组,第一个用于框1,第二个用于框2。我想要的房间类型也以json的形式显示,如下所示:。是否会是这样?当然,这取决于你对数据的处理,而不是插件本身,我仍然很难像它那样表现出来。是否可以?我想选择数据室类型。