Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何限制阻力&;滴_Javascript_Jquery_Jquery Ui Sortable - Fatal编程技术网

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的形式显示,如下所示:。是否会是这样?当然,这取决于你对数据的处理,而不是插件本身,我仍然很难像它那样表现出来。是否可以?我想选择数据室类型。