回答
使用的jQuery和jQuery UI的是容易为:
<div id="thumbs">
<img src="cat1.jpg">
<img src="cat2.jpg">
</div>
<div id="dropper"></div>
CSS:
#thumbs{float:left;width:170px;}
#dropper{background:#223;height:400px;overflow:hidden;}
的jQuery/UI:
$(function(){ // DOM ready
$('#thumbs img').draggable({
revert: "invalid", // revert to original pos. if not dropped into droppable
containment: "body" // prevent the user from dragging the image out of sight
});
$('#dropper').droppable(); // The droppable element
});
欲了解更多信息,请参阅: http://jqueryui.com/draggable/和http://jqueryui.com/droppable/
非常感谢您的信息。它给了我一些项目应该以代码形式看起来的东西。你一直是一个伟大的帮助:) – 2014-12-05 07:58:39
@FaizEverywhere欢迎Faiz! – 2014-12-05 07:59:09
@FaizEverywhere一些提示(所有发现这里SO)我可以建议是:当你单击图像使其高'Z-index',这样会覆盖其他图像。你也可以创建一个方法,如果把它拖到'#吸引器之外,可以将图像重置为'#thumbs'。我会把它留给你的研究。你现在知道从哪里开始;) – 2014-12-05 08:04:43
- 1. 允许用户编辑/添加/移动图像中的项目
- 2. DataGridView中添加文本框和,并允许编辑绑定
- 3. 允许编辑短名称的敏捷添加/编辑表格
- 4. EditText不允许编辑
- 5. 允许用户编辑CSS
- 6. TextField不允许编辑
- 7. 形式不允许编辑
- 8. Django内联 - 允许添加禁用编辑
- 9. Excel VBA:删除并添加允许用户编辑动态表格的范围
- 10. 问题与图像选择器允许编辑
- 11. word 2013宏添加并编辑图片
- 12. 允许自定义(添加/删除)ListView列和添加/编辑记录(WinForm)
- 13. ios谷歌地图不允许添加图像到它
- 14. LinearLayout只允许添加一个视图
- 15. 允许用户上传图像并添加标题/简短描述
- 16. 将图像添加到画布不允许将画布保存为图像
- 17. 允许用户编辑和存储HTML
- 18. TreeView - 只允许编辑一些节点
- 19. 激活范围,允许编辑,继续
- 20. Radgrid停止编辑,但允许分页
- 21. 只允许某些用户编辑ASPxGridView
- 22. 您不允许编辑'...'包信息
- 23. UITextFields不允许我编辑文本
- 24. 允许用户编辑只有页面内容,并在WordPress
- 25. 有没有TFS政策只允许合并而不是编辑?
- 26. 是否有编辑控件的Delphi允许路径编辑?
- 27. Wordpress角色>允许编辑者编辑主题?
- 28. 允许编辑一列但不编辑另一列
- 29. sitecore图像地图编辑器:将图像地图编辑器功能添加到自定义按钮
- 30. 图像编辑
你*事*类似链接时,无法使用......不给任何想法的这一切,实际上对... – 2014-12-05 07:15:46
由于我是新对此。我不确定如何开始这个项目。我希望有人能帮助我开始,因为我真的很陌生。 :/ – 2014-12-05 07:30:27
链接是** **示例像上面的链接,我的图片会在侧,一旦点击了我希望的Jquery将能够点击图片放入一开始图像旁边的复选框。 – 2014-12-05 07:31:42