拖动股利文本

我有下面的代码的HTML文件的另一部分：拖动股利文本

<style> 
    .important { 
     border: solid; 
     ... 
    } 
</style> 

<body> 

    Lorem ipsum 1<br/> 
    <div class="important"> 
     Lorem Ipsum 2 
    </div> 
    Lorem ipsum 3<br/> 
    Lorem ipsum 4 

</body>

用户需要能够重新定位<div>带class =“重要的”，如果他喜欢它之下或之上在哪儿。

因此，我们有：

Lorem Ipsum 1 
Lorem Ipsum 2 // with class="important" 
Lorem Ipsum 3 
Lorem Ipsum 4

和用户必须能够“拖”（不一定是拖累，尽管这将是最好的）的Lorem存有2上下，所以这将是：

Lorem Ipsum 1 
Lorem Ipsum 3 
Lorem Ipsum 2 // with class="important" 
Lorem Ipsum 4

或

Lorem Ipsum 2 // with class="important" 
Lorem Ipsum 1 
Lorem Ipsum 3 
Lorem Ipsum 4

它可能是在一个时间（通常为）一个以上的线。这个想法是，Lorem Ipsum 2是一个“这是重要的”框。用户正在编辑其他用户的内容。

我不知道这是否是相关的，但在数据库中这个“重要”部分的标签这样

Lorem Ipsum 1 
[[!]]Lorem Ipsum 2[[/!]] 
Lorem Ipsum 3 
Lorem Ipsum 4

因此，有一些问题：

1）是否有可能到拖放？

2）如何将“新位置”传递给我的脚本？它不能是X和Y，因为我需要它与文本相关（因为数据库文本将被修改）

3）有没有更好的方法来做到这一点？

在此先感谢

来源

2016-01-21 hisc

我觉得jQueryUI的的可拖动的是你所需要的：

https://jqueryui.com/draggable/#sortable

来源

2016-01-21 12:54:25 MrFrag

我带你去看看。任何想法在非jQuery的方式？ – hisc

HTML5已经获得了一些与拖动对象相关的标准事件，但您仍然需要使用一些javascript。检查这个：http：//www.w3schools.com/html/html5_draganddrop.asp – MrFrag

拖动股利文本

回答

相关问题