Javascript 当我使用jquery添加新的div时,尝试使这些div不重置位置
我尝试将Javascript 当我使用jquery添加新的div时,尝试使这些div不重置位置,javascript,jquery,html,css,cookies,Javascript,Jquery,Html,Css,Cookies,我尝试将键控部分代码更改为按钮,还尝试了一些代码,以使可拖动元素存储在cookie中的位置,但没有效果。当我将空标记更改为ready时,它每次都重复前面的行。任何帮助都将不胜感激 HTML JavaScript $(document).ready(function() { $("textarea").keyup(splitLine); function splitLine() { $("#opt").empty(); var lines =
键控
部分代码更改为按钮
,还尝试了一些代码,以使可拖动元素存储在cookie中的位置,但没有效果。当我将空标记更改为ready时,它每次都重复前面的行。任何帮助都将不胜感激
HTML
JavaScript
$(document).ready(function() {
$("textarea").keyup(splitLine);
function splitLine() {
$("#opt").empty();
var lines = $("textarea").val().split(/\n/g);
for (var i = 0; i < lines.length; i++) {
var ele = $("<d>");
ele.html(lines[i]);
$("#opt").append($(ele).draggable());
}
}
});
$(文档).ready(函数(){
$(“textarea”).keyup(分割线);
函数splitLine(){
$(“#opt”).empty();
变量行=$(“textarea”).val().split(/\n/g);
对于(变量i=0;i
我认为你不应该每次都删除所有的
,重新开始。我在代码中做了一些更改,以重用旧的
,从而保留它的位置
$(document).ready(function () {
$("textarea").keyup(splitLine);
function splitLine() {
//$("#opt").empty();
var lines = $("textarea").val().split(/\n/g);
for (var i = 0; i < lines.length; i++) {
var ele;
if ($("d:eq(" + i + ")").get(0)) {
ele = $("d:eq(" + i + ")");
ele.html(lines[i]);
} else {
ele = $("<d>");
ele.html(lines[i]);
$("#opt").append($(ele).draggable());
}
}
}
});
$(文档).ready(函数(){
$(“textarea”).keyup(分割线);
函数splitLine(){
//$(“#opt”).empty();
变量行=$(“textarea”).val().split(/\n/g);
对于(变量i=0;i
您所说的“不重置位置”到底是什么意思?我玩了一点按钮版本,它似乎在工作,但我不确定“不重置位置”部分的意思@patrick是的,但它会创建所有的线作为新的div创建重复。不知道怎么才能阻止这一切?制作副本,也就是说,只需添加文本区域的最后一行。
$(document).ready(function() {
$("textarea").keyup(splitLine);
function splitLine() {
$("#opt").empty();
var lines = $("textarea").val().split(/\n/g);
for (var i = 0; i < lines.length; i++) {
var ele = $("<d>");
ele.html(lines[i]);
$("#opt").append($(ele).draggable());
}
}
});
$(document).ready(function () {
$("textarea").keyup(splitLine);
function splitLine() {
//$("#opt").empty();
var lines = $("textarea").val().split(/\n/g);
for (var i = 0; i < lines.length; i++) {
var ele;
if ($("d:eq(" + i + ")").get(0)) {
ele = $("d:eq(" + i + ")");
ele.html(lines[i]);
} else {
ele = $("<d>");
ele.html(lines[i]);
$("#opt").append($(ele).draggable());
}
}
}
});