如何控制a标签的跳转?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

如何控制a标签的跳转?

小旋风柴进 2016-03-18 08:36:43 1016
<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){
        $('.next2 a').click(function(){
            return false;
        })
    }
})

这么写错在哪里呢,请问该怎么写呢?

前端开发
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:05:44
    $(function(){    var $ap = $(".option1 p");    $ap.click(function(){        $(this).css('background','#7B5AD6').siblings().css('background','');        aId = this.id;    })        $('.next2 a').click(function(){//有没有选择和绑不绑定click没关系,在点击的时候处理                if(!aId){              return false;                        }                        return true;        })})
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程