jquery를 사용하여 업데이트 된 데이터로 div를 다시로드하십시오.

Question

제 페이지에서 편집 할 수있는 링크가 있습니다. 입력 상자가 밖으로 초점이 맞춰지면 나는 = "<퍼센트 = micropost.id %>"

<script> 
     $(document).ready(function(){ 
      $('#editing_yt_url_<%=micropost.id%>').focusout(function(){ 
      $('#<%=micropost.id%>').refresh(); 
      }); 
     }); 
    </script> 

.refresh 부분은 작동하지 않는 ID를 가진 부모 리튬 태그를 다시로드합니다. 나는 그것의 반응을 알 수 있도록 $('#<%=micropost.id%>').hide()는 전체 리튬 태그를 숨 깁니다하지만 난 당신이 문제 a를 접근 할 필요가 그냥 태그

Answer 1

을 사용

$("#<%=micropost.id%>").hide().fadeIn('fast'); 

DEMO

을 새로 고치려면 적절한 방법을 모르는 조금 다르게. 표준 목록이 아닌 위젯을 새로 고침하고 있습니다. 프레임 워크는 목록 주위에 몇 가지 추가 요소를 래핑하여 목록 뷰로 변환합니다. 래퍼 대신 ul/ol 결과 위젯 메서드를 호출하고 있는지 확인하십시오.

또한 전체 목록을 .load 호출로로드하는 경우 새로 고치지 않고 위젯을 초기화해야합니다. 나는 $("#items_list").listview()라고 부르는 것이 그 경우에 당신이 무엇을하고 있을지 모른다라고 생각한다.