拖動股利文本

我有下面的代碼的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

拖動股利文本

回答

相關問題