项目经验分享--$(document).ready is not a function_document.readystate is not a function-优快云博客

本文链接：https://blog.youkuaiyun.com/u010235716/article/details/51314106

在使用其他JS代码调试图片弹出效果时，意外导致原有功能失效。通过检查发现是`$(...).ready()`调用错误导致。通过更正为`$(document).ready()`并替换`$`符号为jQuery调用，成功修复问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天为了调试一个图片弹出的效果，引入了其他的js.

想要的效果达到了。原来的效果挂掉了。

“火狐”浏览器,调试结果:

$(...).ready is not a function

坑爹的节奏啊。js代码不行了。

<script type="text/javascript">
$(document).ready(function($){

    $(".btn1").click(function(event){
        $(".hint").css({"display":"block"});
        $(".box").css({"display":"block"});
    });
    
    $(".hint-in3").click(function(event) {
        $(".hint").css({"display":"none"});
        $(".box").css({"display":"none"});
    });

    $(".btn2").click(function(event) {
        $(".hintl").css({"display":"block"});
        $(".box").css({"display":"block"});
    });
    
    $(".hint3").click(function(event) {
        $(this).parent().parent().css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
    $(".hintl-in3").click(function(event) {
        $(".hintl").css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
    $(".hintl-in4").click(function() {
        $(".hintl").css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
});
</script>

改吧

<script type="text/javascript">
$(document).ready(function($){

    $(".btn1").click(function(event){
        $(".hint").css({"display":"block"});
        $(".box").css({"display":"block"});
    });
    
    $(".hint-in3").click(function(event) {
        $(".hint").css({"display":"none"});
        $(".box").css({"display":"none"});
    });

    $(".btn2").click(function(event) {
        $(".hintl").css({"display":"block"});
        $(".box").css({"display":"block"});
    });
    
    $(".hint3").click(function(event) {
        $(this).parent().parent().css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
    $(".hintl-in3").click(function(event) {
        $(".hintl").css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
    $(".hintl-in4").click(function() {
        $(".hintl").css({"display":"none"});
        $(".box").css({"display":"none"});
    });
    
});
</script>

$换成jQuery；

$(document).ready(function($){换成 $(document).ready(function($){

改完以上，Ok