2015-05-14 2 views
0

Может ли кто-нибудь сказать мне, как я могу скрыть/удалить кнопку loadmore, когда получаю определенный ответ от вызова ajax (например, я получил неопределенное или нулевое значение)? Я пытался использовать $ ('# mango'). Hide(); но он не удалил кнопку для меня! Но я получил предупреждение, подтверждающее, что я получил null или undefined значение из api. Надеюсь, что кто-то поможет мне исправить это .THANKSКак скрыть кнопку onclick внутри ответа ajax?

код:

<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> 
+1

Что такое значение 'maxnumId'? Говорит ли это 'undefined' или' null' в консоли? –

+0

.hide() скрывает элемент. .remove(), удаляет его из DOM. –

+0

вы пробовали с удалением? вы можете написать свой html-код? – nole

ответ

2

Предполагая, что если условие выполняется (maxnumId === undefined || maxnumId === null), вы можете попробовать сделать это в равнинных ЯШ:

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

Большое спасибо за ответы. Leandro Gabriel Casas ваше решение сработало! – user1788736

Смежные вопросы