我已经使用 vanilla javascript 编写了拖放代码。当我选择第一个 div 时，当我尝试移动下一个时，它会自动移动到最后一个。
我不想使用 jquery 库。
我尝试的是创建充当容器的主 div，以便在该容器内部每个 div 都可以轻松移动
我已附上我尝试过的内容，但我不明白为什么会发生这种情况。
const draggables = document.querySelectorAll('.draggable')
const containers = document.querySelectorAll('.mainContainer')
draggables.forEach(draggable => {
draggable.addEventListener('dragstart', () => {
draggable.classList.add('dragging')
})
draggable.addEventListener('dragend', () => {
draggable.classList.remove('dragging')
})
})
containers.forEach(container => {
container.addEventListener('dragover', e => {
e.preventDefault()
const afterElement = getDragAfterElement(container, e.clientY)
const draggable = document.querySelector('.dragging')
if (afterElement == null) {
container.appendChild(draggable)
} else {
container.insertBefore(draggable, afterElement)
}
})
})
function getDragAfterElement(container, y) {
const draggableElements = [...container.querySelectorAll('.draggable:not(.dragging)')]
return draggableElements.reduce((closest, child) …Loop Count当我在第一个循环中运行线程组时，2它运行良好，但在第二次迭代中它失败，因为在标头中它添加了两倍的授权承载令牌
我创建了名为 \xe2\x80\x9cLogin Request 的 HTTP 请求采样器，在此采样器中我添加了 BeanShell PreProcessor\xe2\x80\x99
\nimport org.apache.jmeter.protocol.http.control.Header;\nsampler.getHeaderManager().add(new Header("Authorization","Bearer " + vars.get("Token")));\n它在 1 次迭代中运行良好，但在第二次迭代中失败，错误显示标头中有两个授权
\n如何在 Thymeleaf SpringMVC 中使用 AJAX 获取主页中的片段？
我有 Spring MVC 和 Thymeleaf 模板引擎。我是 Thymeleaf 的初学者。
我想知道如何使用 ajax 获取网站的一部分，了解如何向控制器执行简单的 Ajax 请求，并最终仅渲染模板的一部分（片段）。
我试图将片段 job.html 返回到 home.html
我不想使用 jquery 我想使用普通的 javascript。
我想我需要使用首先克隆所需的div第二清空主div第三将克隆附加到主div中
这是我的控制器的样子
@GetMapping("/generalization")
public String selectSection(Model model) {
List<DateasDto> section = generalizationService.getSection();
model.addAttribute("section", section);
return "home";
}
@GetMapping("/organisations/{id}/general")
public String getGeneralSuccess(@PathVariable String id , Model model){
List<AssessmentDto> gen = generalizationService.getGeneral(id);
model.addAttribute("gen" , gen);
return "Job";
}
这是我的 html home.html的样子
<body>
<script type="text/javascript" th:src="@{/js/working.js}"></script>
<form onsubmit="getGen(event)" >
<div class="form-group" >
<label for="SelectSection">Select Section</label> …