Использовать куки jquery для отображения / скрытия элементов (jQuery) - PullRequest
Новая
       7

Использовать куки jquery для отображения / скрытия элементов (jQuery)

1 голос
/ 17 июня 2010

Как использовать jquery cookie для отображения / скрытия элементов на странице? Я получил плагин от здесь

Попробовал какой-то метод, но я не добился успеха. Я использовал функции slideUp () и slideDown (), чтобы показать / скрыть элементы.

Когда элемент перемещается вверх, должен быть установлен cookie. при обновлении страницы элемент должен быть в сдвинутом положении

Как применить cookie при перемещении вверх и как получить cookie при обновлении страницы? Мне нужна помощь!

Ответы [ 2 ]

1 голос
/ 17 июня 2010

Я думаю, что вы ищете следующее. Дайте мне знать, если я ошибаюсь. Удачи!

http://jsfiddle.net/8VCJY/8/

- РЕДАКТИРОВАТЬ -

Извини! Мои печеньки становились задом наперед. Это работает сейчас (новая ссылка). Опять все извинения.

- РЕДАКТИРОВАТЬ -

На самом деле, я даже не знаю, работает ли это. Это выглядело так, как будто это было сделано, но, просматривая мой код, я не понимаю, как это может быть правильно. В общем, я уверен, что установка cookie в нужное время и так далее, по крайней мере, приведет вас на правильный путь. Честно говоря, я думаю, что мое использование плагина неверно (я никогда не использовал его), но я дал ему все, что мог. Я надеюсь, что это было по крайней мере несколько полезно для вас.

0 голосов
/ 17 июня 2010

Это бы сработало? 

<!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>

PS Я использую плагин Cookie .

...