15年软件开发经验,只做源码定制!

原创设计定制开发

满足您的个性化需求

当前位置：首页前端开发 js

0 0

button或a标签用js进行跳转失效的原因

王少铮| 发布于 2022-02-15 00:36:57| 721阅读| 0点赞| 0评论

原因是因为button和a标签都有默认的刷新事件

代码如下

$('#toSearch').click(function(){
        let cate_id=$('input[name=allGameCate]').val();
        let search=$('input[name=allSearch]').val();
        if(cate_id==''){
            layer.msg('请先选择游戏
');
            return false;
        }else if(search==''){
            layer.msg('请输入关键字
');
            return false;
        }　　　　//另一个页面的地址
        window.location.href='/index/store/index?cate_id='+cate_id+'&search='+search;
    });

上面代码执行的结果是在当前页面刷新，并且参数传递到了当前页面

原因是因为button和a标签都有默认的刷新事件，需要阻止刷新事件，这样这个跳转才能正常执行，代码改为如下

$('#toSearch').click(function(){
        let cate_id=$('input[name=allGameCate]').val();
        let search=$('input[name=allSearch]').val();
        if(cate_id==''){
            layer.msg('请先选择游戏
');
        }else if(search==''){
            layer.msg('请输入关键字
');
        }else{
            window.location.href='/index/store/index?cate_id='+cate_id+'&search='+search;
        }
        return false;
    });