好的,所以我有以下 HTML:
<a href="#" onclick="bump_add('.$fetch['photo_id'].')">
<img id="bump_img" src="img/bump.png"/>
</a>
目前我的 Javascript/Ajax 看起来像这样:
function bump_add(photo_id) {
$.post('php/bump_add.php', {photo_id:photo_id}, function(data){
if (data='success') { //Handled by PHP
bump_get(photo_id);
toggle_visibility('bump_img')
} else {
alert(data);
}
});
}
function bump_get(photo_id) {
$.post('php/bump_get.php', {photo_id:photo_id}, function(data){
$('#photo_'+photo_id+'_bumps').text(data); //Handled by PHP
});
}
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block') {
e.style.display = 'none';
}
}
我不擅长 Javascript,所以我不完全确定如何实现我的目标。
我想要做的是在“onclick”事件(有效)上运行bump_add()函数,然后运行bump_get()函数(也有效)。但是为了最终运行 toggle_visibility() 函数,这个位不起作用。
关于我做错了什么的任何想法?toggle_visibility() 的 Javascript 函数是否不正确,或者我只是使用不正确?它的目的是隐藏带有'bump_img' id 的img。