出于某种原因,当我尝试运行一个简单的jQuery代码时,它将无法正常工作.我相信代码是正确的,就像我的文件没有正确链接.它也不适用于具有不同代码的其他页面,因此我认为它必须与jQuery链接的方式相关.我的代码是:
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.7.2.min"></script>
<script type="text/javascript">
$('#toggle_message').click(function() {
var value = $('#toggle_message').attr('value');
$('#message').toggle('fast');
if (value == 'Hide') {
$('#toggle_message').attr('value', 'Show');
} else if (value == 'Show') {
$('#toggle_message').attr('value', 'Hide');
}
}
});
$('#toggle_message').click();
</script>
</head>
<body>
<input type="button" value="Hide" id="toggle_message" />
<p id="message">This is a paragraph that will disappear</p>
</body>
</html>
任何帮助表示赞赏.另外,我的jQuery文件只有4行.这是正常的吗？
我怀疑你忘记了.jsjQuery的文件名.它应该是:
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
此外,是的,文件只有很少的行是正常的.它被压缩,每条线都很长.
另外,正如Nudier在评论中提到的那样,在页面加载之前,对元素的绑定将不起作用.您可能希望延迟绑定,直到页面加载为止:
$(function() {
$('#toggle_message').click(function() {
// ...
});
$('#toggle_message').click();
});