Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery加载事件不工作_Jquery_Html_Css_Onload Event - Fatal编程技术网

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