2012-01-06 4 views
0

목록에 추가 할 때 다음 코드가 브라우저에서 새로 고침 될 때 페이지에 남아 있지 않습니다.이 문제를 해결할 방법이 있는지 궁금합니다.Jquery 목록에 새로 고침

<script language="javascript"> 
$('.example-default-value').each(function() { 
    var default_value = this.value; 
    $(this).focus(function() { 
     if (this.value == default_value) { 
      this.value = ''; 
     } 
    }); 
    $(this).blur(function() { 
     if (this.value == '') { 
      this.value = default_value; 
     } 
    }); 
}); 
function example_append() { 
    $('#step').append($('#example-textarea').val() + "<br />"); 
} 
그때 목록에 추가하고 페이지를 다시로드 후에도 목록에 남아있을 수 있도록하고 싶습니다

.

+0

'$ (이) .addClass ("항목 "나는) : 여기

당신이 AJAX 호출을 구현하는 방법의 예입니다 "+ i); ' 질문을 정확히 이해하지 못합니다. –

+0

죄송합니다. 페이지의 목록을 추가하고 페이지를 새로 고침 한 후 내 페이지에 그대로 남기고 싶은 질문을 편집했습니다. – Inkey

+0

개인적으로 자신보다 더 잘 표현해야한다고 생각합니다. 너 원하니? (.example-default-value)의 유형은 무엇입니까? texte를 입력 하시겠습니까? –

답변

1

죄송 합니다만, 페이지를 새로 고치면 서버 측 스크립트에서 페이지를 다시 구문 분석하여 PHP를 말하게하고 클라이언트 측 스크립트 자바 스크립트로 요소를 추가하기 때문에 불가능합니다. 변경 사항은 귀하의 당신은 당신의 초기 HTML에서 그들을이 필요

.. 새로 고침 ... 또는 신체 온로드는로드 될 것입니다 그들은 몸을 추가 할 것입니다 방법으로 해당 항목을 = 생성 할 수 있습니다 .. :)

0

당신은 저장해야합니다 페이지를 새로 고칠 때 페이지를 다시로드하려면 목록의 항목을 어딘가에 배치하십시오. AJAX 호출을 사용하거나 HTML5를 사용하는 경우 브라우저의 로컬 저장소에 저장하도록 선택할 수 있습니다. ;`해야`$ (이) .addClass ("항목

function example_append() { 
    $('#step').append($('#example-textarea').val() + "<br />"); 
    $.ajax({ type: "POST", url: "somescript.php", data: "value=" + $('#example-textarea').val() }); 
}