"가격"이 변경된 후에이 DIV를 어떻게 유지할 수 있습니까?

Question

나는 내 옛 직장에서 개발 한 CMS 구축 된 사용자 정의에이 사이트 설계입니다 : 저 페이지 하단에 가격 DIV "productPrice"를 이동하기 위해서는

http://dev544.webdugout.com/View/Snow-Removal

를, 내가 사용하는 다음 적

$(".productPrice").prepend('<h2><span>4</span> Your Total Cost Will Be</h2>'); 

:

$(".productPrice").appendTo(".productPriceContainer"); 

나는 또한이 숫자 가격의 앞에 텍스트를 추가하려면 다음을 사용 ything은 멋지게 보입니다. 일단 가격을 변경하는 옵션을 선택하면 div는 코드의 원래 위치로 돌아가고 내가 추가 한 텍스트도 제거합니다. 어떤 식 으로든이 문제를 jQuery로 해결할 수 있으며 이것에 대해 프로그래머에게 다가 갈 필요가 없다.

감사합니다.

Answer 1

요소가 맨 위로 이동하는 이유는 페이지를 처음로드 할 때 DOM의 원래 위치이기 때문입니다. 드롭 다운에서 항목을 선택하면 페이지가 다시 게시를 수행하고 자바 스크립트가 다시 호출되지 않습니다. 아래 코드를 사용해보십시오. 이렇게하면 재 게시를 수행 할 때마다 자바 스크립트가 호출되어야합니다.

 function pageLoad() { 
      BindjQueryEvents(); 
      $(".productPrice").prepend('<h2><span>4</span> Your Total Cost Will Be</h2>'); 
     } 
     //Re-bind for callbacks 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     prm.add_endRequest(function() { 
      BindjQueryEvents(); 
     }); 
     function BindjQueryEvents() { 

      $(".productPrice").appendTo(".productPriceContainer"); 
     }