gpt4 book ai didi

javascript - 无法拖动附加项目

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

我正在尝试使用 jquery ui 使附加项目可拖动,使用 jquery 我试图说当单击蔬菜时将其添加到泥土中。使蔬菜可以拖入泥土中,但被限制在该元素内。以下代码不起作用有什么原因吗?

<body>
<ul id = "dirt">
</ul>
<ul id = "veggies">
<li class ="veg tomato"></li>
<li class ="veg cucumber"></li>
<li class ="veg pepper"></li>
<li class ="veg eggplant"></li>
<li class ="veg beans"></li>
</ul>
<script>
$(document).ready(function(){
$("#veggies li").click(function(){
$(this).clone().appendTo("#dirt");
});
$("#dirt li").draggable({
containment: '#dirt'
});
});
</body>

最佳答案

您需要在附加元素后使其可拖动,如以下 fiddle 所示:https://jsfiddle.net/5b3nfm11/1/

$(document).ready(function(){

$("#veggies li").click(function(){
$(this).clone().appendTo("#dirt").draggable({
containment: '#dirt'
});

});

});

关于javascript - 无法拖动附加项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37014603/

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