jQuery:加载时滑动面板延迟

时间:2016-07-28 23:27:21

标签: jquery

我一直在制作一个侧面板,它在页面加载时展开,幻灯片在点击时关闭,并使用cookie在刷新时保持关闭,我的工作非常好。

Fiddle

$('#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没有运气。

谢谢

1 个答案:

答案 0 :(得分:0)

在这里,您可以使用setTimeout来延迟函数执行 https://jsfiddle.net/u8ccv03s/20/

setTimeout(function(){$('#slideClick').click()},2000);

这是来自你的代码;)我为你提供了一个小提琴

为了防止毛刺,我添加了css默认隐藏:)所以你可以查看上面的例子,我按你的意愿离开了你的cookie,但是你想要清除它们以查看效果。