我尝试实现的目标看起来很简单,但由于某些原因,我无法让它工作:我有一个简单的未排序列表,我想用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。我没有得到它,因为除了轴和收容位之外,一切都很好。我很抱歉浪费每个人的时间。
答案 0 :(得分:0)
您的代码运行正常。不确定,但检查页面上的脚本包含序列是否包含所有必需的库。还要检查开发人员控制台中是否有任何错误。
最后但并非最不重要的是,将您的脚本包装在文档中(如果没有)
兼顾两种情况 - http://jsfiddle.net/stgeps1s/
$(function(){
$('#demo-container').sortable({
containment: 'parent',
axis:'y'
});
$('#demo-container-1').sortable();
});