Question

当我从ajax调用收到某些响应时（例如我有未定义或空值），有人能告诉我如何隐藏/删除loadmore按钮吗？我试图使用$（'＃mango'）。hide（）;但它并没有为我删除按钮！但我收到警报，确认我从api得到null或未定义的值。希望有人帮我解决这个问题。谢谢

代码：

<script>
var maxnumId = null;
function callApi() {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.somesite.com/......"),
        success: function(data) {
      maxnumId = data.pagination.next_num_id;

          if (maxnumId === undefined || maxnumId === null) {

                alert('End!');
                 //remove the loadmore button here
                    $('#mango').hide();
               }
        }

    });
}
</script>
<body>
<br>
<center>

<button id="mango" onclick="callApi()">Load More</button>

</html>

Answer 1

假设满足if条件（maxnumId === undefined || maxnumId === null），你可以尝试在普通的js中进行：

document.getElementById('mango').style.visibility = 'hidden';
document.getElementById('mango').style.display = 'none';

如何隐藏ajax响应中的onclick按钮？

1 个答案: