0
到目前为止，我有一个容器div，它包含一个按钮，当按钮被点击时，它会创建一个带有可调整大小的set ID =“newcard”的div（这部分工作正确）。但是，当我合并拖动div元素根本不会拖动。任何帮助？在div中创建和拖动div
$(function(){
\t $(".createcard").click(function() {
\t \t var domElement = $('<div id="newcard" ></div>');
\t \t $('.notecard-container').append(domElement);
\t });
\t $('#newcard').draggable();
});body, html {
\t margin: 0;
\t padding: 0;
}
.container {
\t position: absolute;
\t left: 0;
\t top: 0;
\t width: 100%;
\t height: 100%;
\t background: rgb(255, 255, 255);
}
.createcard {
\t bottom: 5%;
\t left: 5%;
\t width: 125px;
\t height: 45px;
\t background: rgba(255, 255, 255, .0);
\t position: absolute;
\t display: block;
\t border: 1px solid transparent; \t
\t
\t outline: none;
\t font-family: 'Nunito', sans-serif;
\t font-size: 20px;
\t font-weight: bold;
\t -webkit-transition: .4s ease;
\t -moz-transition: .4s ease;
\t -o-transition: .4s ease;
\t -ms-transition: .4s ease;
\t transition: .4s ease;
\t transition: .4.0s
}
.createcard:hover {
\t background: rgba(255, 255, 255, .9);
\t
\t border-radius: 5px;
\t border: 1px solid #c0c0c0; \t
\t
\t -webkit-transition: .4s ease;
\t -moz-transition: .4s ease;
\t -o-transition: .4s ease;
\t -ms-transition: .4s ease;
\t transition: .4s ease;
\t transition: .4.0s
}
#newcard{
\t position: absolute;
\t width: 150px;
\t height: 150px;
\t min-width:150px;
\t min-height:150px;
\t max-width:300px;
\t max-height:300px;
\t top:10%;
\t left:10%;
\t background: white;
resize: both;
overflow: auto;
}
.notecard-container {
\t position: absolute;
\t top: 7%;
\t left: 2%;
\t right: 2%;
\t bottom: 2%;
\t background: rgb(255, 228, 181);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Nunito"
\t rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="aos.css">
<meta charset="ISO-8859-1">
<title>Post-it note</title>
</head>
<body>
\t <div class="container">
\t \t <div class="notecard-container">
\t \t \t <button class="createcard" id="createcard">New Card</button>
\t \t </div>
\t </div>
\t <!-- Input JavaScript and jQuery -->
</body>
</html>
你在函数内部第二个语句是内在的功能，这就是为什么该元素是不是成为你的脚本可拖动之外的范围。 – Ozan
它在主要功能之内？ id，'newcard'指的是所有newcard元素。 –
是的。 '$（函数（）{ \t $（ “createcard”。）点击（函数（）{ \t \t变种一个DOMElement = $（ '
'）;'。notecard容器' \t \t $（） .append（一个DOMElement）; \t $（ '＃NEWCARD'）可拖动（）; \t}）; }）;' – Ozan