如何控制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){
        $('.next2 a').click(function(){
            return false;
        })
    }
})

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

1个回答

 $(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;
        })
})
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐