JQuery加载事件不工作
JQuery加载事件不工作,jquery,html,css,onload-event,Jquery,Html,Css,Onload Event,Jquery加载事件不工作 div{ 宽度:100px; 高度:100px; 背景色:#ccc; } .大{ 宽度:200px; 高度:200px; } 蓝先生{ 背景色:#00f; } $(“div”).load(函数(){ $(此).switchClass(“大”、“蓝”、1000、“易用输出”); }); 它应该是这样的: $(document).ready(function(){ // $("div") div is ready }); 当文档就绪时,意味着DOM中的所有元素都可
Jquery加载事件不工作
div{
宽度:100px;
高度:100px;
背景色:#ccc;
}
.大{
宽度:200px;
高度:200px;
}
蓝先生{
背景色:#00f;
}
$(“div”).load(函数(){
$(此).switchClass(“大”、“蓝”、1000、“易用输出”);
});
它应该是这样的:
$(document).ready(function(){
// $("div") div is ready
});
当文档就绪时,意味着DOM中的所有元素都可以使用了
检查
$(文档).ready(函数(){
$(‘div’).switchClass(“大”、“蓝”、1000、“easeInOutQuad”);
});代码>
div{
宽度:100px;
高度:100px;
背景色:#ccc;
}
.大{
宽度:200px;
高度:200px;
}
蓝先生{
背景色:#00f;
}
它应该是这样的:
$(document).ready(function(){
// $("div") div is ready
});
当文档就绪时,意味着DOM中的所有元素都可以使用了
检查
$(文档).ready(函数(){
$(‘div’).switchClass(“大”、“蓝”、1000、“easeInOutQuad”);
});代码>
div{
宽度:100px;
高度:100px;
背景色:#ccc;
}
.大{
宽度:200px;
高度:200px;
}
蓝先生{
背景色:#00f;
}
您需要将方法与div
元素一起使用,无需使用.load()
注意:由于您在元素之后指定了脚本,因此不需要文档就绪处理程序
div{
宽度:100px;
高度:100px;
背景色:#ccc;
}
.大{
宽度:200px;
高度:200px;
}
蓝先生{
背景色:#00f;
}
$(“div”).switchClass(“大”、“蓝”、1000、“易用区”);
您需要将方法与div
元素一起使用,无需使用.load()
注意:由于您在元素之后指定了脚本,因此不需要文档就绪处理程序
div{
宽度:100px;
高度:100px;
背景色:#ccc;
}
.大{
宽度:200px;
高度:200px;
}
蓝先生{
背景色:#00f;
}
$(“div”).switchClass(“大”、“蓝”、1000、“易用区”);
只需在.ready()中使用jQuery代码,如下所示:
<script>
$(document).ready(function() {
$( "div" ).click(function() {
$( this ).switchClass( "big", "blue", 1000, "easeInOutQuad" );
});
});
</script>
$(文档).ready(函数(){
$(“div”)。单击(函数(){
$(此).switchClass(“大”、“蓝”、1000、“易用输出”);
});
});
您还使用了.load而不是.click要添加动画的'div'。只需在.ready()中使用jQuery代码,如下所示:
<script>
$(document).ready(function() {
$( "div" ).click(function() {
$( this ).switchClass( "big", "blue", 1000, "easeInOutQuad" );
});
});
</script>
$(文档).ready(函数(){
$(“div”)。单击(函数(){
$(此).switchClass(“大”、“蓝”、1000、“易用输出”);
});
});
您还使用了.load而不是.单击要添加动画的'div'。您不需要load()事件,只需键入$(此).switchClass(“大”、“蓝”、1000、“easeInOutQuad”)代码>。因为javascript在代码的末尾对不起,$('div').switchClass(“大”、“蓝”、1000、“easeInOutQuad”)代码>,而不是<代码>$(此).switchClass(“大”、“蓝”、1000、“易用四元组”)代码>您不需要load()事件,只需键入$(this).switchClass(“big”,“blue”,1000,“easeInOutQuad”)代码>。因为javascript在代码的末尾对不起,$('div').switchClass(“大”、“蓝”、1000、“easeInOutQuad”)代码>,而不是<代码>$(此).switchClass(“大”、“蓝”、1000、“易用四元组”)代码>谢谢,告诉你一件事,我们使用了$('div').switchClass();为什么DIV???因为我们把SwitCipe应用到div。它会意味着什么?如果你应用点击类,那么它会认为这是div。因为你已经在DIV点击上编写了代码。好的,所以我们不必使用加载事件,比如点击。否则您应该编写$(文档)。ready(function(){
我建议您使用它。谢谢@ketan brotherthanks,告诉我一件事,我们使用了$('div')。switchClass()为什么要用div??@ MISIH,因为我们正在使用SWECKEYS到div。它会意味着什么?如果你应用在点击上,那么它会认为这是div。因为你已经在DIV点击上编写了代码。好的,所以我们不必使用加载事件,比如点击?@没有人在你编写脚本之后元素然后不需要写加载事件。lse您应该编写$(document).ready(function(){
我建议您使用它。谢谢@ketan brother