點擊拖動後提交按鈕拖放

Question

我有以下代碼：

<div id="main" style="width: 500px; height: 500px; background: #ddd; float: left;"></div> 
<div id="list" style="width: 200px; height: 500px; border: 1px solid #ddd; float: left; margin-left: 15px;"> 
    <div class="section"> 
     Ja/Nej 
     <div class="showforms" style="display: none;"> 
      <strong>Fritext</strong> 
      <input type="text" name="question"> 
      <p><input type="radio" name="test" value=1> Ja<br> 
      <input type="radio" name="test" value=0> Nej<br></p> 
      <input type="submit" name="save" value="Spara" class="save"> 
     </div> 
    </div> 
    <div class="section"> 
     Option list 
     <div class="showforms" style="display: none"> 
      <select> 
       <option>Fisk</option> 
       <option>Fisk2</option> 
      </select> 
     </div> 
    </div> 
</div> 

$(document).ready(function() { 
    var jsonObj = []; 
    var i = 0; 
    $('.section').draggable({ 
     revert: "invalid", 
     stack: ".yesorno", 
     helper: "clone" 
    }); 

    $('#main').droppable({ 
     accept: ".section", 
     drop: function(event, ui) { 

      //Lagra ui-objektet i en lista 
      //Loopa ut objekten och sätt ett index på varje classnamn och visa input fältet 

      jsonObj[i] = {"Objekt": ui.draggable, "Id": i}; 
      var draggable = jsonObj[i]["Objekt"]; 
      var droppable = $(this); 
      draggable.show('.showforms'); 
      draggable.clone().appendTo(droppable); 

      $("#main").find("div").attr('id', i).show(); 
      var testa = $('#main').find("div")[i]; 
      var submit = $(testa).find(":submit").attr('test', i); 
      console.log($(testa).find(":submit")); 
      //Object[div#yesorno.ui-draggable.ui-draggable-handle]   
      i++; 
     } 
    }); 
}); 

$('.save').click(function() { 
    console.log("hej"); //This don't work 
}); 

林在這裏做的事情是，我需要包含正在隱藏一些輸入字段部分-DIV。我把它拖到main-div並放在這裏。它被刪除後，顯示輸入字段。

我遇到的問題是在拖動並將它放到Main-div後點擊提交按鈕時沒有任何東西被打印出來。我究竟做錯了什麼？

Answer 1

嘗試： 更換

<input type="submit" name="save" value="Spara" class="save"> 

隨着

<input type="submit" name="save" value="Spara" class="save" onClick="saveFunction()"> 

更換

$('.save').click(function() { 
    console.log("hej"); //This don't work 
} 

隨着

function saveFunction(){ 
    console.log("hej"); 
} 

Answer 2

我解決它通過這樣做：

$(document).on('click', ".save", function() { 
    console.log($(this).attr('test'));  
});