【问题标题】:HTML5 Drag and Drop for Quiz用于测验的 HTML5 拖放
【发布时间】:2013-04-23 08:07:01
【问题描述】:

我正在做基于网络的测验来帮助一些人获得一些资格。在最近发现了 HTML5 的奇妙世界之后(我之前一直在用 XHTML 进行编程),我认为将图片从开始框拖放到答案框的能力将是打破列表单调的一个很好的补充,单选按钮和文本框。

我无权访问 PHP 或 JQUERY。 (该网站旨在在没有互联网的机器上运行,我也无权设置 Web 服务器来支持 PHP)。

是否可以使用 JavaScript 和四个框/div(一个用于起始位置,三个可能的答案框)来确定图像在哪个框/div 中?

非常感谢!

【问题讨论】:

  • jQuery JavaScript。您可以将 jQuery 用作本地资源,而不依赖于 Internet 连接。或者,您可以在(普通)原生 JavaScript 中实现拖放功能。此外,在 HTML5 之前,所有这些都是可能的。

标签: javascript html drag-and-drop


【解决方案1】:

您可以下载 jQuery (http://jquery.com/download/) 和 jQuery UI (http://jqueryui.com/download/) 并将它们作为脚本添加到您的页面中

然后看看 jQuery UI 文档上的可拖动和可放置:http://jqueryui.com/droppable/

【讨论】:

    猜你喜欢
    • 2014-05-03
    • 2012-03-21
    • 1970-01-01
    • 2013-02-17
    • 2014-01-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多