Question

大家好我有一个关于在用户点击指向其他网页的链接时运行动画的问题。问题是我不知道如何设置动态Window.location。目前我的代码看起来像这样

$('.url').click(function(){
$('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {
        window.location.href = "www.bayron.nl/recepten-toevoegen-template.html";
    }, 2000);
});

这就是我想要的，但它只会重定向到指定的网页。如何使URL动态化，以便将用户重定向到他们单击的链接页面？

谢谢！

Answer 1

@ katniss.everbean给了我答案。如果有人在那里寻找快速答案，这就是我的代码的样子。它的工作原理

    $('.url').click(function(){

    var linkLocation = this.href;

    $('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {
        window.location.href = linkLocation;
    }, 2000);
});

Answer 2

html部分

 <div class="url" link="http://www.bayron.nl/recepten-toevoegen-template.html">test page</div>
 <div class="url" link="http://www.bayron.nl/recepten-toevoegen-templatepage2.html">test page2</div>

javascript部分

$('.url').click(function(){
url = $(this).attr("link")
$('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {

        window.location.href =url;
    }, 2000);
});

这就是你想要的

页面加载动画

2 个答案: