使用JqueryUI拖放不工作
Drag and drop using JqueryUI not working
下面是:http://jqueryui.com/sortable/connect-lists
按原样实现一切。拖放仍然不能工作。试了两天。下面是head里面的代码:
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style>
#sortable1, #sortable2 {
border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;
}
#sortable1 li, #sortable2 li {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 120px;
}
</style>
<script>
$(function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});
</script>
And body:
<ul id="sortable1" class="connectedSortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
<li class="ui-state-highlight">Item 1</li>
<li class="ui-state-highlight">Item 2</li>
<li class="ui-state-highlight">Item 3</li>
<li class="ui-state-highlight">Item 4</li>
<li class="ui-state-highlight">Item 5</li>
</ul>
请帮帮我。
我明白了。谢谢你的建议。
我在链接中省略了http:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
但这是我从上面提到的教程链接中复制的。
使用这个,你忘了使用http:
代码<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
在Firefox中使用Firebug插件查看控制台错误。它将帮助您解决错误。
相关文章:
- 拖放不会'不能使用EaselJS在chrome中工作
- 文件上载(拖放)无法工作
- 你如何让mootools拖放与触摸一起工作
- 我将如何让OpenLayers功能选择和Javascript拖放一起工作
- CKEDITOR 拖放插件集成在编辑器实例销毁并重新创建后停止工作
- JQuery 可排序、可拖动和可拖放不协同工作
- 让拖放开始工作
- 嵌套可排序无法工作(无拖放)
- Chrome拖放文件/文件夹不工作
- Android拖放事件在4.4.2的ionic中不工作
- 从本地存储拖放HTML5不工作
- HTML5拖放不能正常工作
- 拖放脚本只工作一次,但停止工作[没有jQuery]
- 事件.在拖放事件中,preventDefault和stoppropagation不像预期的那样工作
- 拖放不能正常工作
- 拖放事件不能与onload函数一起工作
- 不能让拖放和html5/javascript一起工作
- 使用JqueryUI拖放不工作
- JQuery拖放不工作在FF3.6后,我实现CSS3灵活的框布局,有什么想法
- Jquery UI排序与angularjs,如何防止水平拖放?轴:y不工作