gpt4 book ai didi

Jquery 可拖动元素克隆时不可拖动

转载 作者:行者123 更新时间:2023-12-01 07:18:08 24 4
gpt4 key购买 nike

在查看了所有 jquery 可拖动克隆可能的重复项之后,我仍然找不到一个相当常见的问题的答案。

我有一系列可以成功克隆的 DIV 元素,但每个克隆都失去了可拖动功能,我查看了生成的代码,但仍然无法弄清楚这是为什么。

请问有什么线索吗?

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Sortable - Cloning issue</title>
<style>
.bgblue {
background-color:#9CF;
}
.bgred {
background-color:#F36;
}

</style>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="JS/ui/jquery-ui-1.10.3.custom.min.js"></script>


<script>

function seCopyBox(x) {
z = $('.seBox').eq(x).clone();
z.insertAfter($('.seBox').eq(x));
}

$(function() {
$( ".seBox" ).draggable();
});

</script>

</head>
<body>



<div class="seBox bgblue">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div A</p>
</div>

<div class="seBox bgred">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div B</p>
</div>

<div class="seBox bgblue">
<p onClick="javascript:var x=$(this).closest('.seBox').index();seCopyBox(x)">COPY</p>
<p>Div C</p>
</div>


</body>

最佳答案

将克隆元素追加到 DOM 后再次调用 draggable()

 function seCopyBox(x) {
z = $('.seBox').eq(x).clone();
z.insertAfter($('.seBox').eq(x)).draggable();
}

我会使用干净的 jquery 点击函数而不是内联 javascript..

$(document).on('click','.seBox p',function(){
var x=$(this).closest('.seBox').index();
var z = $('.seBox').eq(x).clone();
z.insertAfter($('.seBox').eq(x)).draggable();
}

删除内联 JavaScript 和 seCopyBox 函数...

关于Jquery 可拖动元素克隆时不可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17044850/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com