Question

如果你检查了我所做的jsFiddle，你可以看到一个黄色的div和一个红色的div。

我要做的是，第一次点击黄色按钮会滚动到一个锚点，而第二次（不是双点击）仍然在黄色div上发送给我一个“真实”链接（如www.google。 com）

简单来说，我会使用相同的a标签，用于滚动和超链接。
这是jsFiddle

Answer 1

您可以简单地添加一个全局变量var firstclick = false;

var firstclick=false;
$j(".scroll").click(function(event){
    if(firstclick){
        window.location.href='google.com';
    }else{
        your code
        firstclick=true;
    }
})

Answer 2

您可以像这样替换类名：

var $j = jQuery.noConflict();
$j(".scroll,.scrolled").click(function (event) { //Add the "scrolled" class to the event listener
    event.preventDefault();

    if ($j(this).hasClass('scroll')) { //If there the "scroll" class
        //calculate destination place
        var dest = 0;
        if ($j(this.hash).offset().top > $j(document).height() - $j(window).height()) {
            dest = $j(document).height() - $j(window).height();
        } else {
            dest = $j(this.hash).offset().top;
        }
        //go to destination
        $j('html,body').animate({
            scrollTop: dest
        }, 500, 'swing');
        $j(this).removeClass('scroll').addClass('scrolled'); //replaces the "scroll" class with "scrolled" class
    } else { 
        document.location.href = "http://www.google.de" //Redirect to URL
    } 
});

链接窗口/主体的位置功能

2 个答案: