我想我可能使用了错误的js库。不知道..我正在网上学习教程,我看到那个人对其进行了编码,并观察了它的工作原理。我复习了两遍,还是不行。
这是我的 html:
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Title</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="hideshow.js"></script>
</head>
<body>
<a href="#" id="hideshow">Hide </a>
<div id="message" style="width:300px; border:1px solid black; padding:10px">
This is the wording inside of the text for testing purposes.
</div>
</body>
这是我来自 hideshow.js 的 js:
$('#hideshow').toggle(function () {
$('#hideshow').text('Show');
}, function () {
$('#hideshow').text('Hide');
});
我很感激,感谢任何能解决这个问题的人。 :(
最佳答案
您似乎正在尝试使用 toggle event ,它在 jQuery 1.8 中已弃用,并在 jQuery 1.9 中删除。新的切换函数有许多不同的重载,但没有一个的行为与旧的重载相同。 Take a look at it并选择最适合您的一个。例如,您可以执行以下操作:
$('#hideshow').click(function () {
$('#message').toggle();
if($('#message').is(':visible')) {
$('#hideshow').text('Hide');
} else {
$('#hideshow').text('Show');
}
});
这里有一个 jsfiddle 供你玩。 http://jsfiddle.net/74GzV/1/
关于javascript - 简单的 jquery 切换(不工作),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21972474/