Question

我需要在删除后更改输入文本，但项目是静态的

我的代码：

$（“。item”）。draggable（{

        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");

        }       

 });

Answer 1

您可以根据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");
}
});

工作fiddle

jquery + draggable /我的输入在drop后不起作用

1 个答案: