요소 위에 양식을 배치하는 방법

Question

사용자의 메시지가 두 개의 열로 표시되는 벽이 있습니다. 각 메시지는 div 상자입니다. 나는 각 상자의 이드에게 메시지의 이드를 주었다.

사용자가 메시지 편집을 클릭하면 Ajax를 사용하여 양식을 페이지에 배치해야합니다.

양식의 크기는 두 메시지 열과 같습니다.

사용자가 왼쪽 열에있는 메시지를 편집하면이 메시지 앞에 왼쪽에 양식을 삽입 할 수 있습니다.

그러나 메시지가 오른쪽에 있으면 왼쪽 메시지의 시작 부분과 그 위의 양식을 삽입해야합니다.

어떻게 jquery를 사용하여이 작업을 수행 할 수 있습니까?

레일 3 js.erb

Answer 1

은 어쩌면 내가 뭔가를 그리워하지만 왼쪽 메시지의 ID를 알고 있다면 그나마 그냥 어딘가에이 양식에 대한 몇 가지 장소를 예약 왜 당신은 쉽게

$('#edit_link').click(function() { 
    $.ajax({ 
     url: "/getyourform", 
     success: function(data) { 
      $('#left_message_id').before(data); 
     } 
    }); 
}