发新贴  快速回复

我的jq中的toggle碰到了鬼么?

  钟爱前端者
2017-04-27 10:08

这是我简单到发指的布局

<body>
<input type="button" value="点击"/>
<div style="width:200px; height:200px; background:red;"></div>
</body>

这是我简单到发指的jq

<script src="jq/jquery-3.2.1.js"></script>
<script>
$(function(){
    $('input').toggle(function(){
        $('div').hide();    
    }, function(){
        $('div').show();
    });    
});
</script>

请问大神,上面的代码,里面有错吗?

如果没有的话,我的结果是在审查元素是里这样的:

<input type="button" value="点击" style="display: none;">

按钮就这么平白无故的添加了一个display:none; 

这是我下载的很多jq版本:

<script src="jq/jquery-3.2.1.js"></script>
<script src="jq/jquery-3.2.1.min.js"></script>
<script src="jq/jquery-3.2.1.min.map"></script>
<script src="jq/jquery-3.2.1.slim.js"></script>
<script src="jq/jquery-3.2.1.slim.min.js"></script>
<script src="jq/jquery-3.2.1.slim.min.map"></script>
<script src="jq/jquery-migrate-1.4.1.min.js"></script>

前面的六个不是点击了就按钮就报错说我的$未定义,就是我的按钮直接就被display:none;了。最后一个更夸张,报错说我的jQ不存在。我是不是哪里出问题了,请老师很大神指点!感激涕零,不知所言!

 
朋巧

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

2017-05-02 16:59  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:22  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:22  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
 
钟爱前端者

朋巧 2017-05-02 16:59发表的内容:

同学你好!你上面的toggle没有任何问题,亲自实测,点击按钮的时候如愿显示隐藏切换了,show与hide在没有传入参数的时候,就是直接给元素属性上加display属性。而jQ一般就分2个版本,一个是学习版(有很多注释方便学习),另一个是上线版(被压缩,没注释,轻,多以min.js为后缀名),希望能帮到你!

这几天没有网可用,刚看到老师的回复,万分抱歉。老师,我想用toggle实现的效果是点击按钮使它下面的div块发生hide()和show()的效果。可是现在的代码进入页面的一瞬间input按钮就自动加上了 display:none 了,根本就无法实现点击按钮,我不明白是什么情况。而且我尝试了另一种方法:

$(function(){
    $('input').toggle(function(){
        alert(1);   
    }, function(){
        alert(2);
    });    
});

进入页面的瞬间,input按钮被隐藏,并直接执行了alert(2);这完全是自动形成的,请老师给一个完善的代码指点,谢谢!

2017-05-06 08:23  回复本帖
登录 后才可以发表回复