2014-04-04 2 views
0

콘텐츠를 <div>에 편집 중입니다. 이제 <div>의 데이터가 편집되었는지 여부를 확인하고 편집중인 경우 세션에 저장하고 새로 고침합니다.Div의 데이터가 편집되었는지 확인하십시오.

데이터가 편집되었는지 여부를 확인하고 세션에 저장하려면 어떻게해야합니까?

다음은 편집을위한 JS 피들입니다. 자세한 정보가 필요하면

Js Fiddle

말하지 마십시오.

도움 주셔서 감사합니다.

+0

'변경'이벤트에 대한 처리기를 추가 할 수 있습니까? – RichS

+0

Btw, on 메서드 및 이벤트 위임을 사용하는 이전 JSFiddle이 더 깨끗하다고 ​​생각합니다. 나는 현재 "바이올린을 치는 중"입니다. 내가 끝내는 것을 너에게 알려주지. – RichS

+0

이전 바이올린의 링크 추가 :) – Richa

답변

1

하나의 간단한 해결책은

  • 저장 편집의 클릭에 DIV의 내용입니다.

    data = $(this).siblings('.panel-title').html();  
    
  • 는 수행 의 클릭에 저장된 내용 & 현재 내용을 비교.

    data != $(this).siblings('.panel-title').html() 
    
  • 그 다음 수정 될 경우 단순히 store into the cookie 또는 localstorage.

  • 서버 세션에 대해 이야기하고 있다면 서버 측 응용 프로그램이 ajax 호출 &을 호출하여 세션에 데이터를 저장할 책임이 있습니다.

같은 것 this.

+0

이것은 훨씬 쉬워 보인다. 그러나 나는 데이터가 편집되었는지 여부를 확인하기위한 방법을 시도하고있었습니다. 편집 된 경우 세션에 저장하십시오. 내가 이룰 수있는 방법이 있나. – Richa

+0

아마도 jQuery 도움말을 찾지 않을 것입니다 ... 컨트롤러에서 데이터가 변경되었는지 확인하는 것과 같은 방식으로 채택 할 수없는 이유는 모르지만. 데이터가 변경 될 때마다 ajax 호출을합니다 ... 컨트롤러는 세션에서 데이터를 선택하고 그것이 다른지 확인하고 그렇지 않은 경우 업데이트합니다. – loxxy

+0

Jquery조차도 할 것입니다.하지만 제 첫 번째 환경 설정에서는 컨트롤러를 사용하여 물었습니다. 그것은 Jquery와 함께 작동한다면 시도합니다. :) – Richa

관련 문제