如何在jsp中单击一次后设置过期链接

Question

如果我发送链接并且有人打开它，那么该链接就不再使用了。我们怎么做？

Answer 1

您可以使用Javascript Closures，

执行此操作

在你的HTML中，

<a href="#" id="myButton" title="">Click Me!</a>

在你的js中，

(function(){
    var click_counter = 0;
    $('#myButton').on('click', function(event){
        event.preventDefault();
        var el = jQuery(this);
        click_counter += 1;
        if (!el.hasClass('inactive')){
            // should be activated
            alert('You have clicked the link ' + click_counter + ' once , And this will be disabled');
        };
        if (click_counter >= 1){
            // deactivate
            el.addClass('inactive');
        };
    });
})();

要表明您的按钮已被点击，请将此类添加到您的CSS

a.inactive {
    color: gray;
    text-decoration: line-through;
}

希望这有帮助！