Jquery 第27段没有';不要一点击就隐藏
这是默认值Jquery 第27段没有';不要一点击就隐藏,jquery,Jquery,这是默认值 <p id="pp"> THIS DUDE IS HIDING 这家伙躲起来了 $(文档).ready(函数(){ $('#btn')。单击(函数(){ $('pp')。隐藏('slow'); 返回false; }); }); 我试图隐藏一个段落id=pp,但在按钮单击时什么也没有发生,我也在按钮单击时传递了函数名,但什么也没有发生。如果HTML结构正确,代码应该可以工作。例如: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HT
<p id="pp">
THIS DUDE IS HIDING
这家伙躲起来了
$(文档).ready(函数(){
$('#btn')。单击(函数(){
$('pp')。隐藏('slow');
返回false;
});
});
我试图隐藏一个段落id=pp,但在按钮单击时什么也没有发生,我也在按钮单击时传递了函数名,但什么也没有发生。如果HTML结构正确,代码应该可以工作。例如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function () {
$('#btn').click(function () {
$('#pp').hide('slow');
return false;
});
});//--></script>
</head>
<body>
<p id="pp">THIS DUDE IS HIDING</p>
<button id="btn">Hide the paragraph</button>
</body>
</html>
这家伙躲起来了
隐藏段落
更新它可以很好地处理您评论中的HTML:
<html xmlns="w3.org/1999/xhtml">;
<head runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btn').click(function () {
$('#pp').hide('slow');
return false;
});
});
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div><input id="btn" type="button" value="button" /></div>
<p id="pp"> PARAGRAPH IS HERE ...... </p>
</form>
</body>
;
$(文档).ready(函数(){
$('#btn')。单击(函数(){
$('pp')。隐藏('slow');
返回false;
});
});
段落在这里
这是HTML的一部分。将ASP.NET代码与基于示例的代码进行比较。我建议确保JS是从head元素加载的,而不是从HTML主体加载的
您还应该在Firefox中运行测试,查看Firefox错误控制台中是否有JavaScript错误。HTML也是相关的。这是默认值
此DUDE正在隐藏$(文档)。准备(函数(){$('#btn')。单击(函数(){$('#pp')。隐藏('slow');返回false;});});您是否检查了
$('#btn')
和$('#pp')
是否返回您认为返回的元素?是否有任何错误?您的标签关闭了吗?jQuery是否正确加载?是否执行了单击功能?@user614946如果需要更多帮助,您必须显示生成的HTML源代码$准备(函数(){$('#btn')。单击(函数(){$('#pp')。隐藏('slow');返回false;});})段落在这里
不要工作@用户614946-您可以编辑原始问题并在那里提供更多信息。注释中的代码不可读。<html xmlns="w3.org/1999/xhtml">;
<head runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btn').click(function () {
$('#pp').hide('slow');
return false;
});
});
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div><input id="btn" type="button" value="button" /></div>
<p id="pp"> PARAGRAPH IS HERE ...... </p>
</form>
</body>