jquery 쿠키를 사용하여 페이지의 요소를 표시/숨기는 방법? 플러그인을 가져 왔습니다. here요소 표시/숨기기에 jquery 쿠키 사용 (jQuery)
몇 가지 방법을 시도했지만 성공하지 못했습니다. slideUp() 및 slideDown() 함수를 사용하여 요소를 표시/숨 깁니다.
요소가 위로 올랐을 때 쿠키가 설정되어야합니다. 페이지가 새로 고쳐지면 요소는 위쪽으로 밀어 넣어야합니다.
페이지가 위로 올라 갔을 때 쿠키를 적용하는 방법과 페이지를 새로 고칠 때 쿠키를 얻는 방법은 무엇입니까? 도움이 필요합니다!
나는 다음과 같은 것을 찾고 있다고 생각합니다. 내가 틀렸다면 알려줘. 행운을 빕니다!
- 편집 -
죄송합니다! 내 쿠키가 거꾸로 설정되었습니다. 이제 작동합니다 (새 링크). 다시, 모든 사과.
- 편집 -이 작업을 수행하는 경우
는 사실, 내가 알지도 못하는. 그랬던 것처럼 보였지만 내 코드를 검토해 보니 그 코드가 어떨지 알 수 없습니다. 대체로, 나는 적당한 시간에 쿠키의 설정과 그 밖의 것들이 최소한 올바른 경로에서 당신을 얻을 것이라고 확신한다. 플러그인의 사용법이 잘못되었다고 생각합니다. 솔직히 말해서 (전에 사용 해보지는 않았지만) 할 수있는대로했습니다. 나는 그것이 적어도 당신에게 다소 유용했기를 바랍니다.
시도해 주셔서 감사합니다. 쿠키는 저장되지만 쿠키는 저장되지 않습니다. 전에 닫혀 있어도 열려있다. –
트릭이 실행 되나요?
<!DOCTYPE html>
<html> <!-- xmlns="http://www.w3.org/1999/xhtml" lang="en" -->
<head>
<style type="text/css">
#outer {height:500px;width:500px;background-color:black;position:relative;}
#slide-me {height:50px;width:50px;background-color:white;position:absolute;top:250px;left:5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<div id="outer">
<div id="slide-me"></div>
</div>
<button type="button" id="myBtn">Slide it!</button>
<script type="text/javascript">
$slideObj = $('#slide-me');
var topOffset = $.cookie('myCookie');
if(topOffset)
$slideObj.offset({top: topOffset - $slideObj.height(), left:$slideObj.offset().left});
$('#myBtn').click(function() {
$slideObj.slideUp();
$.cookie('myCookie', $slideObj.offset().top);
});
</script>
</body>
</html>
피씨 나는 Cookie plugin을 사용하고 있습니다.
쿠키를 사용하여 페이지의 다양한 요소의 위/아래 상태를 저장 하시겠습니까? – harpo
@harpo 예. 요소가 위로 미끄러 져 올라갈 때 쿠키가 설정되어야합니다. 페이지가 새로 고쳐지면 요소가 위로 올라와야합니다. –
지금까지 시도한 코드를 표시 할 수 있습니까? –