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

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

您可以根据startdragstop等事件更改输入

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

代码

$( "#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