开发者社区> 问答> 正文

怎么设置一个网页中 点开一个链接后 其它链接不能再点击

请输入代码怎么设置一个网页中 点开一个链接后 跳转之前 页面其它链接不能再点击

<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
var url=this.href;
$("a").attr("href","#");
window.location.href=url;

});
});
</script>

这个咋样

展开
收起
小旋风柴进 2016-03-24 13:02:12 2532 0
1 条回答
写回答
取消 提交回答
  • $("#Link").click(function(){
        $("a").not("#Link").click(function(e){
            e.preventDefault();
        });
    });
    
    update --- 贴一下完整代码:
    步骤:点击A链接,其他链接不可点击,跳转到A链接。
    
    $("a").click(function () {
    
        $("a").not($(this)).text("即将不可点击"); // 测试,改变其他 a 的 text,下面再禁用它们的点击。
    
        $("a").not($(this)).click(function (e) {
            e.preventDefault(); // 禁止当前a之外的其他a的点击事件。
        });
    
        window.location.href = $(this).href; // 跳转到目的地,当前a的href。
    });
    --- update again,添加一个 setTimeout 测试其他链接的点击。
    
    $("a").click(function (e) {
        e.preventDefault(); // 取消本次事件的默认行为
    
        var thatURL = $(this).attr("href"); // 拿到目标 URL。
    
        $("a").not($(this)).text("即将不可点击"); // 测试,改变其他 a 的 text,下面再禁用它们的点击。
    
        $("a").not($(this)).click(function (e) {
            e.preventDefault(); // 取消当前 a 之外的其他 a 的默认行为(点击事件)。
        });
    
        // 建个函数做跳转
        function redirect() {
            window.location.href = thatURL;
        }
    
        setTimeout(redirect, 3000); // 延时跳转,期间可点击其他链接做测试。
    });
    2019-07-17 19:12:37
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
宏光S导航安装教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载