Javascript jQuery dosn';使用内联函数无法按预期工作
我试图排除这个函数(因为我习惯于从php中使用它),当您单击id为test1的p时,应该会触发这个函数 我编写了以下jQueryJavascript jQuery dosn';使用内联函数无法按预期工作,javascript,jquery,Javascript,Jquery,我试图排除这个函数(因为我习惯于从php中使用它),当您单击id为test1的p时,应该会触发这个函数 我编写了以下jQuery <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>click demo</title> <style> p {
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>click demo</title>
<style>
p {
color: red;
margin: 5px;
cursor: pointer;
}
p:hover {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function test1(){
$( this ).slideUp();
}
$(document).ready(function(){
$( "#test1" ).click(test1());
});
</script>
</head>
<body>
<p id="test1" class="test2">First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
</body>
</html>
单击演示
p{
颜色:红色;
保证金:5px;
光标:指针;
}
p:悬停{
背景:黄色;
}
函数test1(){
$(this.slideUp();
}
$(文档).ready(函数(){
$(“#test1”)。单击(test1());
});
第一段
第二段
还有一段
给定的示例可以很好地处理内联格式,但在我这样编写时就不行了。有人能告诉我为什么它不工作吗?您正在立即调用您的函数。您要做的是传递函数的引用(不调用它)。请尝试以下方法:
$( "#test1" ).click(test1);
您正在立即调用您的函数。您要做的是传递函数的引用(不调用它)。请尝试以下方法:
$( "#test1" ).click(test1);
您可以通过定义函数来实现这一点
$(document).ready(function(){
$( "#test1" ).click(function(){
$( this ).slideUp();
});
});
您可以通过定义函数来实现这一点
$(document).ready(function(){
$( "#test1" ).click(function(){
$( this ).slideUp();
});
});
在文档中移动函数。ready@GeoffreyBurdett这不是问题所在。见投票结果answer@mplungjan感谢您的编辑:)正如所料,英语不是我的母语。请将此功能移到文档中。ready@GeoffreyBurdett这不是问题所在。见投票结果answer@mplungjan谢谢你的编辑:)果然英语不是我的母语。不用担心。很高兴我能帮忙!:)别担心。很高兴我能帮忙!:)是的,这就是我对“内联函数”的意思,这对我来说很好,但我想找一种不用内联格式的方法。是的,这就是我对“内联函数”的意思,这对我来说很好,但我想找一种不用内联格式的方法。