Question

我是学生，也是.net和网站开发的新手。我已经在asp.net中将网站作为项目提供，其中可以拖放HTML控件并生成简单的静态网站。现在当用户拖放特定的HTml控件然后它的副本或者你可以说克隆将被放置sothat用户可以多次拖放相同的HTML控件有谁可以帮助我？

技术Asp.net与C＃（。net 4.5）

Answer 1

Here是Jquery Draggable！使用一个小脚本很简单有用！

     <script>
$(function() {
$( "#draggable" ).draggable();
});
</script>

这是fiddle example！

Answer 2

你可以只使用jquery而不是c＃或任何服务器端技术。使用JqueryUI：

这是完整的样本：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Draggable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #draggable { width: 150px; height: 150px; padding: 0.5em; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable();
  });
  </script>
</head>
<body>

<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
</div>


</body>
</html>

使用拖放的网站

2 个答案: