项目经验分享--$(document).ready is not a function

今天为了调试一个图片弹出的效果，引入了其他的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