Question

我设置了Jquery，所以当我点击一个按钮时，它会从另一个页面加载到PHP中。目前，每次单击按钮时都会加载它。我想拥有它所以它只加载一次内容。

这是我的代码：

//initially hides all containers
$( document ).ready(function() {
    $('.aboutcontainer,.contactcontainer,.homecontainer,.portfoliocontainer,.musiccontainer').hide();
});

//home page must show as first page on arrival
$( document ).ready(function () {
    $(".homecontainer").show();
});

//load about page
//button to start animation
$( document ).ready(function() {
    $('#about').click(function () {

        //fades unwanted pages
        $('.homecontainer,.musiccontainer, .portfoliocontainer, .contactcontainer').fadeOut({queue: false, duration: 700}); 

        //animates up unwanted pages
        $('.homecontainer, .musiccontainer, .portfoliocontainer, .contactcontainer').animate({
            'margin-Top' : "-1000px",  
        },400, 'easeInBack');

        //brings in selected page with a 0.7 second pause       
        setTimeout(function() {
            $('.aboutcontainer ').fadeIn({
                queue: false,
                duration: 100
            });
            $(".aboutcontainer").animate({
                marginTop: "115px",
            },1200,'easeOutQuint');
        }, 700 );

        //loads in selected page content
        setTimeout(function() {
            $( ".aboutcontainer" ).load( "about.php" );
        }, 1200 );

    });
});

另外，当我在隐身模式下打开更改页面功能页面时，我遇到了问题。

以下是该网站的链接：http://benliger.webatu.com

为什么会这样？

Answer 1

要允许事件处理程序仅运行一次，请使用.one()而不是.click()（这是.on("click"...的快捷方式）。

文档：http://api.jquery.com/one

试图用jquery只加载一次php

1 个答案: