无法调试此jQuery 如果你看我的沙盒网站，大约8秒后，一个下拉菜单中有一个按钮“确认”在页面中间加载。如果单击“确认”按钮，页面的背景图像将根据下面最后几行代码进行更改

然而，这个形象没有改变……谁能告诉我为什么

$(document).ready(function(){       
    $(init);   
}); 

function init() {
    cloudshow();
}
function cloudshow() {
    $("#intro").fadeIn(1000, function(){
        $("#intro2").fadeIn(1000, function(){
            $("#cloud1").fadeIn(2000, function(){
                $("#cloud2, #cloud5").fadeIn(2000, function(){
                    $("#cloud3, #cloud4, #cloud6").fadeIn(2000, function(){
                        $("#message").fadeIn(1000, function() {
                            $("#contactform").fadeIn(1000)
                        });  
                    });
                });
            });
        });
    });
};



var img1 = "url('/wp-content/themes/thesis_18/custom/images/map.jpg') repeat";

$(".submit").click(function(){
    $("body.custom").css({background: img1});
});

---

好的，我想我明白问题所在了

执行最后三行时，

.submit

按钮实际上还不在页面上

将这些行移到

init（）

函数中，并尝试一下

init函数仅在文档准备就绪后执行，因此此时按钮应该在那里。

以便

$(".submit").click(function(){
    $("body.custom").css({background: img1});
});

您应该确保存在$（“.submit”），因此请尝试：

var img1 = "url('/wp-content/themes/thesis_18/custom/images/map.jpg') repeat";

$(document).ready(function(){ 
  init();   

  $(".submit").click(function(){
        $("body.custom").css({background: img1});
  });

}); 

---

问题是，在将

$（“.submit”）

元素解析到DOM之前，您引用了它们。把它们放在reday活动中，或者放在身体的末端可以解决你的问题

$(function() {
    $(".submit").click(function(){
        $("body.custom").css({background: img1});
    });
});

---

这一行中的

$

的用途是什么：

$（init）？我不确定，我从教程中获得了该代码。如果将函数传递给jQuery函数，它相当于
$（document）.ready（…）
，因此可以将该行更改为
init（）
或，删除
$（文档）。准备好了
请立即致电。谢谢。你是说这可能是我的问题的根源，还是仅仅是一个一般的最佳实践？只是一般的最佳实践，对不起（因此是评论而不是回答）：）非常感谢。3个人回答了，所以我不得不掷硬币看谁的答案被接受。你输了。对不起，非常感谢你。@Michael——我想要一枚你的三面硬币谢谢。3个人回答了，所以我不得不掷硬币看谁的答案被接受。你输了。对不起，非常感谢你。