轴和包含等参数显示无效

时间:2015-06-24 14:30:07

标签: jquery axis jquery-ui-sortable containment

我尝试实现的目标看起来很简单,但由于某些原因,我无法让它工作:我有一个简单的未排序列表,我想用jQuery进行排序。这很好用。

但是:如果我想添加任何选项(例如"轴:' y'或包含:' parent'),那些选项根本不做任何事情。就好像他们不在那里一样。

这个超级简单的示例对我不起作用(拖动工作,但不限于任何现有父级,不限于任何轴)。

HTML

<ul id="demo-container">
    <li>text 1</li>
    <li>text 2</li>
    <li>text 3</li>
    <li>text 4</li>
    <li>text 5</li>
    <li>text 6</li>
    <li>text 7</li>
    <li>text 8</li>
</ul>

的JavaScript

<script>
    $('#demo-container').sortable({
        containment: 'parent',
        axis:'y'
    });
</script>

我高度认为我忽视了一些非常愚蠢的错误,但我无法理解它。

有什么想法吗?非常感谢。

编辑:已解决!

我刚发现错误:由于函数名称,加载了第二个加入冲突的库。我忘了删除旧的lib。我没有得到它,因为除了轴和收容位之外,一切都很好。我很抱歉浪费每个人的时间。

1 个答案:

答案 0 :(得分:0)

您的代码运行正常。不确定,但检查页面上的脚本包含序列是否包含所有必需的库。还要检查开发人员控制台中是否有任何错误。

最后但并非最不重要的是,将您的脚本包装在文档中(如果没有)

兼顾两种情况 - http://jsfiddle.net/stgeps1s/

$(function(){
    $('#demo-container').sortable({
        containment: 'parent',
        axis:'y'
    });

    $('#demo-container-1').sortable();
});