2016-06-22 60 views
0

Link to JS FiddleJQuery的拖放計數驗證上提交的的div在表

我有了div的表,在這些div我有圖片,我想將它從第一列拖放到下一兩列。這一點已經完成,但我想要發生的是,當用戶單擊「完成」時,它會運行計數驗證,以確保用戶已將第一列中的所有圖像移出到下兩列。

可以這樣做嗎?

<td><div class="options" id="option1" ondrop="drop(event)" ondragover="allowDrop(event)"> 

回答

0

的檢查上拖放最好辦法之一是給參數.options.options下降,這將發生改變。在我的實現中,我使用JQuery.data()來給出.options上的參數,如您在此處看到的:JSFiddle

+0

太棒了!那麼可以添加'None'等於大於0,然後提示「請返回並將所有圖像放在列中」? –

+0

此外,當重新創建JSFiddle之外它不起作用:/我需要添加這樣的東西?

+0

@SimoneKimber這可能,您只需要添加一個檢查並提醒信息。是的,在創建JSFiddle時,您需要爲JQuery和JQuery UI添加腳本。你可以在這裏找到它:[JQuery](http://jquery.com)和[JQuery UI](http://jqueryui.com/) –