开发者社区问答正文

如何控制a标签的跳转？

<div class="options option1">
            <p id="a1">哈哈</p>
            <p id="a2">嘿嘿</p>
            <p id="a3">呵呵</p>
</div>
<div class="next"><a href="#page3">跳转到id=page3</a></div>

一个选择题，设置a标签的锚链接，选择之后点击a标签跳转到该id的部分；
我现在想判断如果没有点击，也就是没有选择的话，点击a标签不跳转，怎么办呢？
我是这么写的

$(function(){
    var $ap = $(".option1 p");
    $ap.click(function(){
        $(this).css('background','#7B5AD6').siblings().css('background','');
        aId = this.id;
    })
    if(!aId){
        $('.next a').click(function(){
            return false;
        })
    }
})

这么写有错误，请问该怎么写呢？

展开

收起

小旋风柴进 2016-03-26 09:19:29 2048 版权

1 条回答

写回答

取消提交回答

小旋风柴进

$(function(){
    var $ap = $(".option1 p");
    var aId;
    $ap.each(function(){
        $(this).click(function(){
                $(this).css('background','#7B5AD6').siblings()
                .css('background','');
                aId = $(this).attr("id");
        })
    });

   $('.next a').click(function(){
       if(!aId){
           console.log(0);
           return false;   //没有点击
       }else{
          console.log(1);  //点击了
       }
    });
})

2019-07-17 19:15:15

赞同展开评论

问答分类：

前端开发

问答地址：

开发者社区 > 开发与运维 > 问答

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

如何控制a标签的跳转？

相关文章