jquery+draggable/my的输入在删除后不起作用

jquery+draggable / my input doesnt work after drop

本文关键字：删除 不起作用 输入 my jquery+draggable      更新时间：2023-10-25

我需要在放置后更改输入文本，但项目是静态

我的代码：

$（".item"）.可拖动（｛

        revert: "invalid",
        snapTolerance: 20,
        snap:"#grid",
        containment:'#grid',
        start: function(){
            $("#grid").addClass("active");
            $(this).attr("id","big");   
            $(this).html("<input type='text' placeholder='Заголовок' class='head'>"); 
        },  
        stop: function(){
            $("#grid").removeClass("active");
        }       
 });

您可以根据start drag stop 等事件更改输入

这里有一个简单的例子，它改变了不同事件的输入字段值将元素拖动到输入文本框

代码

$( "#draggable" ).draggable({
start: function() {
$("#t1").remove();
$(this).append("
<input type='text' placeholder='Заголовок' id='t1' class='head'>");
$("#t1").val("start");       
},
drag: function() {
$("#t1").val("Drag");
},
stop: function() {
$("#t1").val("Stop");
$(".head").val("Hello");
}
});

工作小提琴

相关文章：