【问题标题】:Jquery etc to move blocks of content using the mouse?Jquery 等使用鼠标移动内容块?
【发布时间】:2012-10-16 19:33:57
【问题描述】:

所以基本上我在页面上有文本块,基本上只有大约 10 个使用 CSS 的相同大小的文本框。我希望能够订购这些 - 所以拖放一个。我可以自己编写后端命令 - 任何人都可以推荐去哪里进行前端拖放吗?我知道 jquery 可能是我最好的选择,但我从未使用过 javascript,所以如果已经为此创建了任何类型的代码,那么这将非常有帮助。

谢谢!

【问题讨论】:

  • 我同意在发布问题之前进行谷歌搜索非常有条理,但请注意,我已经尝试了大多数库,但它们都非常有限。 (我们最终为此编写了自己的库,我很乐意发布它,但它不是开源的(还)。)如果你可以假设现代浏览器,HTML5 内置的拖动功能比我见过的库更好(尽管使用起来有点复杂)。

标签: php javascript jquery jquery-ui web


【解决方案1】:

你是说这个吗? http://jqueryui.com/draggable/

【讨论】:

    【解决方案2】:

    这里是 jQueryUI 的可拖放:

    http://jqueryui.com/draggable/

    http://jqueryui.com/droppable/

    它们有点可爱,但很可能不会做你想做的事。

    下面是关于如何实现 HTML5 方式的拖放的非常简单的解释:

    http://www.w3schools.com/html/html5_draganddrop.asp

    (它主要说服我实现自己的,而不是等待更好的 HTML5 拖放支持。)

    以下是旧浏览器的示例:

    http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx

    还有我不推荐的 draggable.js(及其 jQuery 端口)。

    这些例子并没有真正做的事情包括几乎任何有用的东西。例如。如果您想定位对象的部分或对象之间的空格怎么办?您如何根据页面中发生的事情来制定动态目标。这一切都变得非常丑陋非常快。

    很抱歉没有更简单的答案。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-04
      • 1970-01-01
      • 2011-10-07
      相关资源
      最近更新 更多