jquery는 페이지 새로 고침 후 애니메이션 상태를 기억합니다.

Question

내 메뉴 버튼 다음에 어떤 블록이 활성 상태인지 나타내는 블록이 있습니다. 새로 고침 후 블록의 위치를 ​​유지할 수있는 방법이 있습니까? 현재 서브 페이지의 링크를 누르면 위치가 재설정됩니다.

jQuery 코드 :

$("button",document.body).click(function(){ 
    var offset = $(this).offset(); 
    var offsetBody = $("body").offset(); 
    $("#block") 
    .animate({ 
    left: (offset.left - offsetBody.left) 
    }, 200); 
}); 

Answer 1

Jquery는 클라이언트 측 스크립트입니다. 페이지를 다시로드하거나 새 페이지를 탐색 할 때 서버에서 정보를 요청하면 모든 클라이언트 측 데이터가 손실됩니다.

그러나 정확한 문제에 따라 다양한 해결책이 있습니다.

1. 당신은 당신이 뭔가에 동일한 속성 값을 가지고 마크 업의 일부 요소를 코딩 할 수 개별적으로 각 페이지의 블록의 위치에만 관심이있는 경우, DOM 경우, 부하에 따라이 값을 확인 그에 따라 블록을 이동하십시오.

2. 값을 저장하기 위해 클라이언트 측 쿠키를 사용할 수 있으며 DOM을로드 할 때이 변수를 확인하고 그에 따라 블록을 애니메이션화 할 수 있습니다.

3. 당신은 PHP에서 서버 측 변수를 설정하고 동적으로 이러한 세 가지 솔루션 작업 중 하나가 당신이 생각 할 것 1.

의 요소를 작성하려면이 변수를 사용하기 AJAX 호출을 사용할 수? 더 정확하게 당신이 이것을 어떻게하고 싶은지를 말해 줄 수 있다면 좀 더 자세하게 들어갈 수 있습니다. 방법 1.

를 들어

JQuery와 .attr() 방법을 사용하는 단계;

는 마크 업

<meta name="description" content="home" /> 

JQuery와 그것이 내가이 정확히 당신이 원하는 기능이 아닌 조금 걱정하지만

var page = $('meta[name=description]').attr("content"); 
if (page == "home") { 
    // you know where it should be 
} else if (page == "account") { 
    // you know where it should be 
} 

입니까? 방법 3

표식

<?php 
    session_start(); 
    $pos = $_SESSION['position']; 
    echo '<meta name="description" content="' . $pos . '" />' 
?> 

JQuery와

var position; 
// perform animation stuff and store position in the variable 
// make a post() request after the position has changed 
$.post("position.php", { pos: position }); 

PHP의 위치를 ​​

.PHP

<?php 
    session_start(); 
    $_SESSION['position'] = $_POST['pos']; 
?> 

Answer 2

는 다음과 같은 객체의 위치를 ​​저장할 수 있습니다. 1. 로컬 저장소 (브라우저 지원) 최신 브라우저에서는 위치를 Localstorage에 저장할 수 있습니다. 전문가 : 빠르고 사용자 친화적입니다. 단점 : 크로스 브라우저를 처리해야합니다. 2. 서버 쪽. 그렇지 않으면 serverside() 전문가에게 저장해야합니다. 브라우저를 고려할 필요가 없습니다. 단점 : 천천히, 인터넷 대기 시간에 관심을 가져야합니다. 3. 쿠키.