我正在尝试制作一个链接到我们公司数据库的简单个人资料,客户可以在其中登录并检查他们的详细信息。基本上,我需要一个在单击编辑按钮时显示“保存”按钮的功能。一旦我按下取消,保存按钮就会再次消失。
我有点菜鸟,所以也许我错过了一些非常简单的东西,对此我深表歉意。代码和 JSFiddle 如下:
<HTML>
<button src="#" id="littleButton">Edit Profile</button>
<div id="button-sm">
<input type="submit" class="ButtonSm" value="Save" id="save_button" name="save_button"></input>
</div>
</HTML>
<script>
$(document).ready(function () {
var SaveButton = $('#button-sm');
$(SaveButton).hide();
$('#littleButton').onclick(function (e) {
$(SaveButton).animate({
'opacity': 'toggle'
});
});
});
</script>
最佳答案
工作演示: JSFiddle
它应该是click
事件而不是onclick,你还必须包含可以从这里下载的jQuery库 jQuery 1.11.1
试试这个:
$(document).ready(function () {
var SaveButton = $('#button-sm');
SaveButton.hide();
$('#littleButton').click(function (e) {
SaveButton.animate({
'opacity': 'toggle'
});
});
});
有关点击事件的详细信息,请参阅 jQuery click event
关于javascript - JQuery 点击显示保存按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25036737/