我一直在制作一个侧面板,它在页面加载时展开,幻灯片在点击时关闭,并使用cookie在刷新时保持关闭,我的工作非常好。
$('#slideClick').click(function () {
var it = $(this).data('it') || 2;
switch (it) {
case 2:
$(this).parent().animate({
right: '-345px'
}, {
queue: false,
duration: 500
});
$(".slideClose").addClass('hideBtn');
$(".slideOpen").removeClass('hideBtn');
break;
case 1:
$(this).parent().animate({
right: '+=345px'
}, {
queue: false,
duration: 500
});
$(".slideOpen").addClass('hideBtn');
$(".slideClose").removeClass('hideBtn');
break;
}
it++;
if (it > 2) it = 1;
$(this).data('it', it);
//$.cookie('myCookieName', '1')
var date = new Date();
var minutes = 1;
date.setTime(date.getTime() + (minutes * 60 * 1000));
$.cookie("myCookieName", "foo", { expires: date });
});
如果可能的id就像面板在加载时关闭并在2秒后展开/滑出,我尝试修改"案例1:"最后重复打破它,因为这超出了我的jQuery知识,任何帮助都会受到赞赏。
更新我尝试使用" .delay(2000)"之前.animate没有运气。
谢谢
答案 0 :(得分:0)
在这里,您可以使用setTimeout
来延迟函数执行
https://jsfiddle.net/u8ccv03s/20/
setTimeout(function(){$('#slideClick').click()},2000);
这是来自你的代码;)我为你提供了一个小提琴
为了防止毛刺,我添加了css默认隐藏:)所以你可以查看上面的例子,我按你的意愿离开了你的cookie,但是你想要清除它们以查看效果。