Jquery链接效果在每次页面加载时只起作用一次

Jquery link effect only works once per page load?

本文关键字：起作用 一次 加载 链接 Jquery      更新时间：2023-09-26

当我单击"contact"然后单击"about"时，动画可以正常工作，但是，如果我再次单击"contact"，动画将无法工作。页面显示为空白。

$(".contact-link").click(function() {
    if ($("#contact-page-wrap").is(":hidden")) {
        $("#contact-page-wrap").slideDown(400).queue(function() {
            $(".contact-block").slideDown(400);
        });;
    } else {
        $(".about-block").slideUp(400).queue(function() {
            $(".contact-block").slideDown(400);
        });;
    }
});
$(".about-link").click(function() {
    if ($("#contact-page-wrap").is(":hidden")) {
        $("#contact-page-wrap").slideDown(400).queue(function() {
            $(".about-block").slideDown(400);
        });;
    } else {
        $(".contact-block").slideUp(400).queue(function() {
            $(".about-block").slideDown(400);
        });;
    }
});

只要页面打开，我如何让它每次点击运行一次？

我不确定我是否完全理解你的意图，但你是否考虑过使用.slideToggle（）？

http://api.jquery.com/slideToggle/

这是一种更简单的方法（如果我正确理解你想做什么）

附言：Java是一个错误的标签！您应该将其切换为"Javascript"。

相关文章：